@wise/dynamic-flow-client 5.12.1 → 5.13.0

package/build/domain/components/RootDomainComponent.js

@@ -1,173 +0,0 @@
-import { getInputUpdateFunction } from './utils/component-utils';
-export const createRootDomainComponent = (onComponentUpdate, scrollToTop, backConfig, requestCache) => {
-    const update = getInputUpdateFunction(onComponentUpdate);
-    const rootComponent = {
-        type: 'root',
-        kind: 'step',
-        uid: 'root',
-        stepComponent: null,
-        subflow: null,
-        stepStack: [],
-        backConfig,
-        requestCache,
-        _update(updateFn) {
-            update(this, updateFn);
-        },
-        dismissAllModals() {
-            var _a;
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.dismissAllModals();
-        },
-        dismissModal() {
-            var _a;
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.dismissModal();
-        },
-        showModal(modal) {
-            var _a;
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.showModal(modal);
-        },
-        getChildren() {
-            const step = this.getStep();
-            return step ? [step, ...step.getModals()] : [];
-        },
-        getLocalValue() {
-            var _a, _b;
-            return (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.getLocalValue()) !== null && _b !== void 0 ? _b : null;
-        },
-        async getSubmittableValue() {
-            var _a, _b;
-            return (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.getSubmittableValue()) !== null && _b !== void 0 ? _b : null;
-        },
-        getSubmittableValueSync() {
-            var _a, _b;
-            return (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.getSubmittableValueSync()) !== null && _b !== void 0 ? _b : null;
-        },
-        validate() {
-            var _a, _b;
-            return (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : false;
-        },
-        setLoadingState(loadingState) {
-            var _a;
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.setLoadingState(loadingState);
-        },
-        getLoadingState() {
-            var _a, _b;
-            return (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.loadingState) !== null && _b !== void 0 ? _b : 'initial';
-        },
-        getSchemaComponents() {
-            var _a, _b;
-            return (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.schemaComponents) !== null && _b !== void 0 ? _b : [];
-        },
-        getTrackEvent() {
-            var _a, _b;
-            return (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.trackEvent) !== null && _b !== void 0 ? _b : null;
-        },
-        isBusy() {
-            const loadingState = this.getLoadingState();
-            return loadingState === 'submitting' || loadingState === 'refreshing';
-        },
-        hasStep() {
-            return Boolean(this.stepStack.length > 0);
-        },
-        getStep() {
-            var _a;
-            return (_a = this.stepStack[this.stepStack.length - 1]) !== null && _a !== void 0 ? _a : null;
-        },
-        addSubflow(subflow) {
-            this._update((draft) => {
-                draft.subflow = subflow;
-            });
-        },
-        closeSubflow() {
-            this._update((draft) => {
-                draft.subflow = null;
-            });
-        },
-        start() {
-            var _a;
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.start();
-        },
-        stop() {
-            var _a;
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.stop();
-        },
-        updateStep(stepComponent) {
-            var _a;
-            this.closeSubflow();
-            const shouldScroll = shouldScrollOnStepUpdate(stepComponent, this.getStep());
-            this._update((draft) => {
-                draft.stepStack = draft.stepStack.slice(0, -1);
-                draft.stepStack.push(stepComponent);
-            });
-            if (shouldScroll) {
-                scrollToTop === null || scrollToTop === void 0 ? void 0 : scrollToTop('smooth');
-            }
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.start();
-        },
-        pushStep(stepComponent) {
-            var _a;
-            this.closeSubflow();
-            const previousStep = this.getStep();
-            const previousStepHasPolling = previousStep === null || previousStep === void 0 ? void 0 : previousStep.step.polling;
-            this._update((draft) => {
-                switch (stepComponent.stackBehavior) {
-                    case 'remove-previous':
-                    case 'replace-current':
-                        draft.stepStack.splice(draft.stepStack.length - 1, 1, stepComponent);
-                        return;
-                    case 'remove-all':
-                        draft.stepStack = [stepComponent];
-                        return;
-                    case 'default':
-                        // to prevent getting into loops, we remove a step that has polling when we
-                        // push the next step so the user does not go back only to immediately go forward again.
-                        if (previousStepHasPolling) {
-                            draft.stepStack = draft.stepStack.slice(0, -1);
-                        }
-                        draft.stepStack.push(stepComponent);
-                }
-            });
-            if (previousStep != null) {
-                (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.start();
-                scrollToTop === null || scrollToTop === void 0 ? void 0 : scrollToTop('instant');
-            }
-        },
-        clearStack() {
-            const currentStep = this.getStep();
-            if (currentStep) {
-                this._update((draft) => {
-                    draft.stepStack = [currentStep];
-                });
-            }
-        },
-        getRefreshUrl() {
-            var _a, _b, _c, _d;
-            return (_d = (_b = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.step.refreshUrl) !== null && _b !== void 0 ? _b : (_c = this.getStep()) === null || _c === void 0 ? void 0 : _c.step.refreshFormUrl) !== null && _d !== void 0 ? _d : null;
-        },
-        navigateBack() {
-            var _a;
-            this.closeSubflow();
-            if (this.stepStack.length === 1) {
-                return;
-            }
-            this._update((draft) => {
-                draft.stepStack = draft.stepStack.slice(0, -1);
-            });
-            (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.start();
-        },
-        canPerformBack() {
-            var _a, _b;
-            const navigation = (_a = this.getStep()) === null || _a === void 0 ? void 0 : _a.step.navigation;
-            const stepHasBehavior = Boolean((_b = navigation === null || navigation === void 0 ? void 0 : navigation.back) !== null && _b !== void 0 ? _b : navigation === null || navigation === void 0 ? void 0 : navigation.backButton);
-            return (this.backConfig.isFlowCancellable ||
-                (this.stepStack.length > 1 && this.backConfig.isNativeBackEnabled) ||
-                stepHasBehavior);
-        },
-    };
-    return rootComponent;
-};
-const shouldScrollOnStepUpdate = (newStep, currentStep) => {
-    if (!currentStep) {
-        return false; // we never scroll on first step set
-    }
-    return newStep.error != null && newStep.error !== currentStep.error;
-};

package/build/domain/components/SectionComponent.js

@@ -1,5 +0,0 @@
-export const createSectionComponent = (props) => {
-    return Object.assign(Object.assign({}, props), { type: 'section', kind: 'layout', getChildren() {
-            return this.components;
-        } });
-};

package/build/domain/components/SelectInputComponent.js

@@ -1,88 +0,0 @@
-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';
-import { isPartialModelMatch } from './utils/isPartialModelMatch';
-export const createSelectInputComponent = (selectProps, onComponentUpdate) => {
-    const { uid, checks, initialModel, options, schemaOnChange, onValueChange, summariser } = selectProps, rest = __rest(selectProps, ["uid", "checks", "initialModel", "options", "schemaOnChange", "onValueChange", "summariser"]);
-    const children = options.map((option) => option.component);
-    const matchingOptions = options.map((option) => isPartialModelMatch(option.component.getSubmittableValueSync(), initialModel));
-    const selectedIndex = matchingOptions.filter((match) => match).length === 1 ? matchingOptions.indexOf(true) : null;
-    const update = getInputUpdateFunction(onComponentUpdate);
-    const getValidationErrors = getLocalValueValidator(checks);
-    const component = Object.assign(Object.assign({ uid, type: 'select', kind: 'input', children,
-        options,
-        selectedIndex, value: null }, rest), { _update(updateFn) {
-            update(this, updateFn);
-        },
-        getChildren() {
-            return this.children;
-        },
-        getSelectedChild() {
-            return this.selectedIndex !== null ? this.children[this.selectedIndex] : null;
-        },
-        async getSubmittableValue() {
-            var _a, _b;
-            return (_b = (await ((_a = this.getSelectedChild()) === null || _a === void 0 ? void 0 : _a.getSubmittableValue()))) !== null && _b !== void 0 ? _b : null;
-        },
-        getSubmittableValueSync() {
-            var _a, _b;
-            return (_b = (_a = this.getSelectedChild()) === null || _a === void 0 ? void 0 : _a.getSubmittableValueSync()) !== null && _b !== void 0 ? _b : null;
-        },
-        getSummary() {
-            var _a, _b;
-            return (_b = (_a = this.getSelectedChild()) === null || _a === void 0 ? void 0 : _a.getSummary()) !== null && _b !== void 0 ? _b : {};
-        },
-        getLocalValue() {
-            var _a, _b;
-            return (_b = (_a = this.getSelectedChild()) === null || _a === void 0 ? void 0 : _a.getLocalValue()) !== null && _b !== void 0 ? _b : null;
-        },
-        onBlur() {
-            this.validate();
-        },
-        onFocus() { }, // noop
-        onSelect(updatedIndex) {
-            if (updatedIndex === this.selectedIndex) {
-                return;
-            }
-            if (updatedIndex !== null) {
-                // new event, always triggered when an option is selected
-                selectProps.trackEvent('OneOf Option Selected', {
-                    schema: this.analyticsId,
-                    selectedOption: this.children[updatedIndex].analyticsId,
-                });
-                if (this.analyticsId) {
-                    // legacy event, only triggered if the main schema has an analyticsId or $id
-                    selectProps.trackEvent('OneOf Selected', {
-                        oneOfId: this.analyticsId,
-                        schemaId: this.children[updatedIndex].analyticsId,
-                    });
-                }
-            }
-            this._update((draft) => {
-                draft.errors = [];
-                draft.selectedIndex = updatedIndex;
-            });
-            void (schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange());
-            onValueChange();
-        },
-        validate() {
-            var _a, _b;
-            const validChild = (_b = (_a = this.getSelectedChild()) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : true;
-            const errors = getValidationErrors(this.getLocalValue());
-            this._update((draft) => {
-                draft.errors = errors;
-            });
-            return errors.length === 0 && validChild;
-        } });
-    return component;
-};

package/build/domain/components/StatusListComponent.js

@@ -1 +0,0 @@
-export const createStatusListComponent = (statusListProps) => (Object.assign({ type: 'status-list', kind: 'layout' }, statusListProps));

package/build/domain/components/SubflowDomainComponent.js

@@ -1,9 +0,0 @@
-import { getInputUpdateFunction } from './utils/component-utils';
-import { getRandomId } from './utils/getRandomId';
-export const createSubflowDomainComponent = (subflowProps, onComponentUpdate) => {
-    const update = getInputUpdateFunction(onComponentUpdate);
-    const subflowComponent = Object.assign(Object.assign({ uid: `subflow-${getRandomId()}`, type: 'subflow', kind: 'layout' }, subflowProps), { _update(updateFn) {
-            update(this, updateFn);
-        } });
-    return subflowComponent;
-};

package/build/domain/components/TabsComponent.js

@@ -1 +0,0 @@
-export const createTabsComponent = (tabsProps) => (Object.assign(Object.assign({}, tabsProps), { type: 'tabs', kind: 'layout' }));

package/build/domain/components/TextInputComponent.js

@@ -1,76 +0,0 @@
-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';
-export const createTextInputComponent = (textInputProps, onComponentUpdate) => {
-    const { uid, id, checks, schemaOnChange, performValidationAsync, onValueChange, onPersistAsync, summariser, value } = textInputProps, rest = __rest(textInputProps, ["uid", "id", "checks", "schemaOnChange", "performValidationAsync", "onValueChange", "onPersistAsync", "summariser", "value"]);
-    const update = getInputUpdateFunction(onComponentUpdate);
-    const getValidationErrors = getLocalValueValidator(checks);
-    const performOnChange = getDebouncedSchemaOnChange(schemaOnChange, getValidationErrors);
-    const validateAsync = performValidationAsync
-        ? getDebouncedComponentValidationAsync(update, performValidationAsync)
-        : undefined;
-    const inputComponent = Object.assign({ type: 'text', kind: 'input', uid,
-        id,
-        value,
-        _update(updateFn) {
-            update(this, updateFn);
-        },
-        onBlur() {
-            const isValid = this.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();
-            }
-        },
-        onFocus() { }, // Noop
-        onChange(updatedValue) {
-            const prevValue = this.value;
-            this._update((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(this, updatedValue);
-            }
-            if (!updatedValue) {
-                validateAsync === null || validateAsync === void 0 ? void 0 : validateAsync.cancel();
-            }
-            onValueChange();
-        },
-        async getSubmittableValue() {
-            return this.getSubmittableValueSync();
-        },
-        getSubmittableValueSync() {
-            return this.getLocalValue() || null;
-        },
-        getSummary() {
-            return summariser(this.getLocalValue());
-        },
-        getLocalValue() {
-            return this.value;
-        },
-        validate() {
-            const errors = getValidationErrors(this.getLocalValue());
-            this._update((draft) => {
-                draft.errors = errors;
-            });
-            return errors.length === 0;
-        } }, rest);
-    return inputComponent;
-};

package/build/domain/components/TupleComponent.js

@@ -1,41 +0,0 @@
-import { mergeSummaries, summariseFromChildren } from '../features/summary/summary-utils';
-import { validateComponents } from '../features/validation/validation-functions';
-export const createTupleComponent = (tupleProps) => {
-    const { uid, schemaId, analyticsId, alert, components, control, description, help, hidden, media, summariser, title, tags, } = tupleProps;
-    return {
-        type: 'tuple',
-        kind: 'input',
-        uid,
-        schemaId,
-        analyticsId,
-        alert,
-        components,
-        control,
-        description,
-        help,
-        hidden,
-        media,
-        title,
-        tags,
-        getChildren() {
-            return this.components;
-        },
-        async getSubmittableValue() {
-            return Promise.all(this.components.map(async (child) => child.getSubmittableValue()));
-        },
-        getSubmittableValueSync() {
-            return this.components.map((child) => child.getSubmittableValueSync());
-        },
-        getSummary() {
-            const summary = summariser(this.getLocalValue());
-            const childSummary = summariseFromChildren(this.getChildren());
-            return mergeSummaries(summary, childSummary);
-        },
-        getLocalValue() {
-            return this.components.map((child) => child.getLocalValue());
-        },
-        validate() {
-            return hidden ? true : validateComponents(this.getChildren());
-        },
-    };
-};

package/build/domain/components/UploadInputComponent.js

@@ -1,83 +0,0 @@
-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';
-import { toBase64 } from './utils/file-utils';
-export const createUploadInputComponent = (uploadInputProps, onComponentUpdate) => {
-    const { uid, id, checks, format, value, schemaOnChange, onValueChange, onPersistAsync, summariser } = uploadInputProps, rest = __rest(uploadInputProps, ["uid", "id", "checks", "format", "value", "schemaOnChange", "onValueChange", "onPersistAsync", "summariser"]);
-    const update = getInputUpdateFunction(onComponentUpdate);
-    const getValidationErrors = getLocalValueValidator(checks);
-    const uploadComponent = Object.assign({ type: 'upload', kind: 'input', uid,
-        id,
-        format,
-        value, base64Value: null, _update(updateFn) {
-            update(this, updateFn);
-        },
-        onBlur() {
-            this.validate();
-        },
-        onFocus() { }, // Noop
-        async onUpload(updatedValue) {
-            const base64Value = this.format === 'base64' && updatedValue ? await toBase64(updatedValue) : null;
-            this._update((draft) => {
-                draft.errors = [];
-                draft.value = updatedValue;
-                draft.base64Value = base64Value;
-            });
-            void (schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange());
-            onValueChange();
-            await (onPersistAsync === null || onPersistAsync === void 0 ? void 0 : onPersistAsync().catch((e) => {
-                this._update((draft) => {
-                    draft.value = null;
-                });
-                throw e;
-            }));
-        },
-        async getSubmittableValue() {
-            const file = this.getLocalValue();
-            if (this.format === 'base64' && file) {
-                return toBase64(file);
-            }
-            return null;
-        },
-        getSubmittableValueSync() {
-            return this.base64Value;
-        },
-        getSummary() {
-            var _a, _b;
-            return summariser((_b = (_a = this.getLocalValue()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : null);
-        },
-        getLocalValue() {
-            return this.value;
-        },
-        validate() {
-            const errors = getValidationErrors(this.getLocalValue());
-            this._update((draft) => {
-                draft.errors = errors;
-            });
-            return errors.length === 0;
-        } }, rest);
-    if (format === 'base64' && value && !onPersistAsync) {
-        void initialiseBase64Value(uploadComponent);
-    }
-    return uploadComponent;
-};
-const initialiseBase64Value = async (uploadComponent) => {
-    const { format, value } = uploadComponent;
-    const base64Value = format === 'base64' && value ? await toBase64(value) : null;
-    if (base64Value) {
-        // eslint-disable-next-line no-underscore-dangle
-        uploadComponent._update((draft) => {
-            draft.base64Value = base64Value;
-        });
-    }
-};

package/build/domain/components/UpsellComponent.js

@@ -1,25 +0,0 @@
-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 { getInputUpdateFunction } from './utils/component-utils';
-export const createUpsellComponent = (upsellProps, onComponentUpdate) => {
-    const update = getInputUpdateFunction(onComponentUpdate);
-    const { onDismiss: propsOnDismiss } = upsellProps, restProps = __rest(upsellProps, ["onDismiss"]);
-    const component = Object.assign(Object.assign({ type: 'upsell', kind: 'layout' }, restProps), { visible: true, onDismiss: propsOnDismiss
-            ? () => {
-                update(component, (draft) => {
-                    draft.visible = false;
-                });
-                propsOnDismiss();
-            }
-            : undefined });
-    return component;
-};

package/build/domain/components/searchComponent/SearchComponent.js

@@ -1,92 +0,0 @@
-import { getInputUpdateFunction } from '../utils/component-utils';
-import { debounce } from '../utils/debounce';
-const DEBOUNCE_TIME = 400;
-export const createSearchComponent = (searchProps, performSearch, onBehavior, onComponentUpdate) => {
-    const { uid, analyticsId, control, emptyMessage, initialState, hint, margin, tags, title } = searchProps;
-    const update = getInputUpdateFunction(onComponentUpdate);
-    let abortController = new AbortController();
-    const search = (component, query, searchConfig) => {
-        abortController.abort();
-        abortController = new AbortController();
-        const { signal } = abortController;
-        performSearch({
-            signal,
-            query,
-            config: searchConfig,
-        })
-            .then((state) => {
-            if (!signal.aborted) {
-                update(component, (draft) => {
-                    draft.state = state !== null && state !== void 0 ? state : initialState;
-                    draft.isLoading = false;
-                    draft.error = undefined;
-                });
-            }
-        })
-            .catch(() => {
-            if (!signal.aborted) {
-                update(component, (draft) => {
-                    draft.error = 'No response';
-                    draft.isLoading = false;
-                });
-            }
-        });
-    };
-    const debouncedSearch = debounce(search, DEBOUNCE_TIME);
-    const component = {
-        type: 'search',
-        kind: 'layout',
-        uid,
-        analyticsId,
-        control,
-        emptyMessage,
-        initialState,
-        hint,
-        margin,
-        state: initialState,
-        tags,
-        title,
-        isLoading: false,
-        query: '',
-        _update(updateFn) {
-            update(this, updateFn);
-        },
-        onChange(query) {
-            if (query.trim()) {
-                this._update((draft) => {
-                    draft.query = query;
-                    draft.isLoading = true;
-                });
-                debouncedSearch(this, query.trim());
-            }
-            else {
-                // if the query is empty, we want to reset to the initial state immediately
-                abortController.abort();
-                debouncedSearch.cancel();
-                update(component, (draft) => {
-                    draft.query = query;
-                    draft.state = initialState;
-                    draft.isLoading = false;
-                    draft.error = undefined;
-                });
-            }
-        },
-        onSelect({ type, value }) {
-            if (type === 'action') {
-                void onBehavior({ type: 'action', action: value });
-            }
-            else {
-                this._update((draft) => {
-                    draft.query = value.query;
-                    draft.isLoading = true;
-                });
-                search(this, value.query, {
-                    method: value.method,
-                    param: value.param,
-                    url: value.url,
-                });
-            }
-        },
-    };
-    return component;
-};