@arquimedes.co/eureka-forms 2.0.101 → 2.0.104

package/dist/@Types/FormStep.d.ts

@@ -7,8 +7,8 @@ import { Time } from './Time';
 export type FormStep = Title | TimePicker | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper;
 export interface Title extends GSteps.GBaseStep {
     type: FormStepTypes.TITLE;
-    title: string;
-    description: string | null;
+    title?: EurekaDraft;
+    description?: EurekaDraft;
     size?: 1 | 2 | 3 | 4;
 }
 export interface TimePicker extends GSteps.GTimePicker {
@@ -146,7 +146,7 @@ export interface ValueEntityValuePickerPath {
     type: EntityValueDataTypes.VALUE;
     idEntityValue: string | null;
 }
-export type EntityValuePickerFilter = StepEntityValuePickerFilter | ValueEntityValuePickerFilter;
+export type EntityValuePickerFilter = StepEntityValuePickerFilter | ValueEntityValuePickerFilter | CurrentAgentEntityValuePickerFilter;
 export interface StepEntityValuePickerFilter {
     idProperty: string;
     type: EntityValueDataTypes.STEP;
@@ -159,6 +159,10 @@ export interface ValueEntityValuePickerFilter {
     type: EntityValueDataTypes.VALUE;
     value: any;
 }
+export interface CurrentAgentEntityValuePickerFilter {
+    idProperty: string;
+    type: EntityValueDataTypes.CURRENT_AGENT;
+}
 export interface ApiSelector extends GSteps.GSmartSelect {
     type: FormStepTypes.API_SELECTOR;
     icon?: IconTypes;

package/dist/@Types/GenericFormSteps.d.ts

@@ -2,6 +2,7 @@ import { Condition } from './Condition';
 export interface GBaseStep {
     id: string;
     idSection: string;
+    idOriginal: string;
     type: string;
     editable?: boolean;
     partial?: boolean;

package/dist/App/App.css

@@ -18,3 +18,14 @@
         text-align: center;
     }
 }
+
+.Erk-Forms-Draft {
+    text-align: center;
+    pointer-events: none;
+}
+
+.Erk-Forms-Draft {
+    .public-DraftStyleDefault-block {
+        margin: 0;
+    }
+}

package/dist/App/App.d.ts

@@ -7,6 +7,8 @@ import { CountryCode } from 'libphonenumber-js';
 export interface AppProps {
     /** If the app is currently a widget */
     isWidget?: boolean;
+    /** The id of the current agent using the form (Internal)*/
+    idCurrentAgent?: string;
     /** The apikey of the Form */
     apiKey?: string;
     /** The id of the form's organization */

package/dist/App/App.js

@@ -29,9 +29,10 @@ import FormComponent from '../Form/Form';
 import { Provider } from 'react-redux';
 import { store } from '../Utils/store';
 import { useSetupApp } from './AppHooks';
-import { StoreContext, useAppSelector } from '../hooks';
+import { useAppSelector } from '../hooks';
 import CustomContext from '../Contexts/CustomContext';
 import { nanoid } from '@reduxjs/toolkit';
+import { StoreContext } from '../Utils/StoreContext';
 export var IdFormContext = createContext('');
 function AppComponent(_a) {
     var formData = _a.formData, valuesData = _a.valuesData, props = __rest(_a, ["formData", "valuesData"]);

package/dist/App/AppFunctions.d.ts

@@ -6,8 +6,8 @@ import { MapperElement } from '../@Types/MapperElement';
 import { MapperValue } from '../FormSteps/MapperStep/MaterialMapperStep/MaterialMapperStep';
 import { CountryCode } from 'libphonenumber-js/max';
 export declare const calcValuesStore: (orgInfo: {
-    idOrganization: string;
-    countryCode: CountryCode;
+    idOrganization?: string;
+    countryCode?: CountryCode;
 }, form: Readonly<Form>, originalValues?: Record<string, any>, postview?: boolean, customSteps?: Record<string, CustomStep>) => Promise<ValuesStore>;
 export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<string, CustomStep>, path?: string) => {
     element: MapperElement<Type>;
@@ -17,7 +17,7 @@ export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<str
     steps: Record<string, FormStep>;
 };
 export declare const mapOriginalValue: (orgInfo: {
-    idOrganization: string;
-    countryCode: CountryCode;
+    idOrganization?: string;
+    countryCode?: CountryCode;
 }, step: FormStep, value: any, values: ValuesStore, form?: Readonly<Form>, path?: string) => Promise<any>;
 export declare const calcInitialSections: (form: Form) => Pick<SiteState, 'previousSections' | 'idCurrentSection' | 'nextSections'>;

package/dist/App/AppHooks.js

@@ -68,8 +68,6 @@ import { calcDependencies } from '../Form/FormFunctions';
 import { iterateNestedSteps } from '../FormSteps/StepFunctions';
 import { createNextState } from '@reduxjs/toolkit';
 import { BaseConfirmationMessage } from '../Contexts/FormContext';
-import FormStepTypes from '../constants/FormStepTypes';
-import { draftToString } from '../Utils/DraftFunctions';
 export var useSetupApp = function (isEmbedded, _a) {
     var _b;
     var preview = _a.preview, internal = _a.internal, postview = _a.postview, partial = _a.partial, editable = _a.editable, handleConfirmed = _a.handleConfirmed, customSteps = _a.customSteps, valuesData = _a.valuesData, apiKey = _a.apiKey, formData = _a.formData, classifiers = _a.classifiers, others = __rest(_a, ["preview", "internal", "postview", "partial", "editable", "handleConfirmed", "customSteps", "valuesData", "apiKey", "formData", "classifiers"]);
@@ -158,22 +156,8 @@ export var useSetupApp = function (isEmbedded, _a) {
                                 for (var _b = 0, _c = section.steps; _b < _c.length; _b++) {
                                     var idStep = _c[_b];
                                     iterateNestedSteps(idStep, form.steps, function (step) {
-                                        var _a, _b, _c;
                                         step.idSection = section.id;
-                                        if (step.type === FormStepTypes.TITLE) {
-                                            if ((_a = step.title) === null || _a === void 0 ? void 0 : _a.blocks) {
-                                                if ((_b = step.title) === null || _b === void 0 ? void 0 : _b.blocks)
-                                                    step.title = draftToString({
-                                                        form: form,
-                                                        dependencies: {},
-                                                    }, step.title);
-                                                if ((_c = step.description) === null || _c === void 0 ? void 0 : _c.blocks)
-                                                    step.description = draftToString({
-                                                        form: form,
-                                                        dependencies: {},
-                                                    }, step.description);
-                                            }
-                                        }
+                                        step.idOriginal = step.id;
                                     });
                                 }
                             };

package/dist/Form/Form.d.ts

@@ -9,6 +9,8 @@ import { FormStep } from '../@Types/FormStep';
 import { CBRFormStep } from '../@Types/CBRFormStep';
 export declare const getLocale: () => any;
 export interface StepDependency {
+    /** The id of the step before it was mapped */
+    idOriginal: string;
     dependents: (FormStep | CBRFormStep)[];
     value: any | undefined;
     type: FormStepTypes | CBRFormStepTypes | 'ORIGINAL';

package/dist/Form/FormFunctions.js

@@ -215,6 +215,7 @@ function calcStepDependency(idStep, steps, values, customSteps) {
         if (!originalValue_1)
             console.error('Missing Step Dependency:', idStep);
         return {
+            idOriginal: idStep,
             type: originalValue_1 ? 'ORIGINAL' : 'MISSING',
             value: originalValue_1 !== null && originalValue_1 !== void 0 ? originalValue_1 : null,
             dependents: [],
@@ -223,6 +224,7 @@ function calcStepDependency(idStep, steps, values, customSteps) {
     var originalValue = (_b = (_a = values.sections[depStep.idSection]) === null || _a === void 0 ? void 0 : _a[depStep.id]) !== null && _b !== void 0 ? _b : values.global[depStep.id];
     return {
         type: depStep.type,
+        idOriginal: depStep.idOriginal,
         value: calcStepDependencyValue(depStep, originalValue, customSteps),
         dependents: [],
     };

package/dist/FormSteps/@Construction/CBRElementStep/CBRElementStep.js

@@ -91,37 +91,40 @@ function ElementSubStepRenderer(_a) {
             return option.id === value.id;
         }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, renderNestedSteps: function (value) { return (_jsx(ElementSubStepRenderer, __assign({ value: value }, stepProps, { step: subStep }))); } })));
 }
-var getElementOptions = function (idOrganization, step, dependencyStore) { return __awaiter(void 0, void 0, void 0, function () {
-    var idProyecto, response, father_1;
-    var _a, _b, _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
-            case 0:
-                if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
-                idProyecto = (_b = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.id;
-                if (!idProyecto) {
-                    return [2 /*return*/, null]; //null para indicar que falta la depedency
-                }
-                return [4 /*yield*/, axios.get("https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/Locativas?idOrganization=").concat(idOrganization))];
-            case 1:
-                response = (_d.sent()).data;
-                father_1 = (_c = dependencyStore[step.dependencies[1]]) === null || _c === void 0 ? void 0 : _c.value;
-                if (father_1 && father_1.id === undefined) {
-                    return [2 /*return*/, null];
-                }
-                return [2 /*return*/, response.filter(function (locativa) {
-                        if (father_1 === null || father_1 === void 0 ? void 0 : father_1.id) {
-                            return (locativa.id.startsWith(father_1.id) &&
-                                locativa.id !== father_1.id);
-                        }
-                        else {
-                            return locativa.id.length === 2;
-                        }
-                    })];
-            case 2: return [2 /*return*/, null];
-        }
+var getElementOptions = function (step, dependencyStore, _a) {
+    var idOrganization = _a.idOrganization;
+    return __awaiter(void 0, void 0, void 0, function () {
+        var idProyecto, response, father_1;
+        var _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
+                    idProyecto = (_c = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.id;
+                    if (!idProyecto) {
+                        return [2 /*return*/, null]; //null para indicar que falta la depedency
+                    }
+                    return [4 /*yield*/, axios.get("https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/Locativas?idOrganization=").concat(idOrganization))];
+                case 1:
+                    response = (_e.sent()).data;
+                    father_1 = (_d = dependencyStore[step.dependencies[1]]) === null || _d === void 0 ? void 0 : _d.value;
+                    if (father_1 && father_1.id === undefined) {
+                        return [2 /*return*/, null];
+                    }
+                    return [2 /*return*/, response.filter(function (locativa) {
+                            if (father_1 === null || father_1 === void 0 ? void 0 : father_1.id) {
+                                return (locativa.id.startsWith(father_1.id) &&
+                                    locativa.id !== father_1.id);
+                            }
+                            else {
+                                return locativa.id.length === 2;
+                            }
+                        })];
+                case 2: return [2 /*return*/, null];
+            }
+        });
     });
-}); };
+};
 var calcDepError = function (steps) {
     for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
         var step = steps_1[_i];

package/dist/FormSteps/@Construction/CBRPropertyStep/CBRPropertyStep.js

@@ -62,30 +62,33 @@ function CBRPropertyStepComponent(props) {
     var _this = this;
     var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     var _a = useState(undefined), showWarning = _a[0], setShowWarning = _a[1];
-    var getInmueblesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
-        var idProyecto, idMacroProyecto;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
-                    idProyecto = (_b = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.id;
-                    idMacroProyecto = (_d = (_c = dependencyStore[step.dependencies[0]]) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.idMacroProyecto;
-                    if (!idProyecto) {
-                        return [2 /*return*/, null]; //null para indicar que falta la depedency
-                    }
-                    return [4 /*yield*/, axios.get(baseUrl +
-                            'Inmuebles?idMacro=' +
-                            idMacroProyecto +
-                            '&idProyecto=' +
-                            idProyecto +
-                            '&idOrganization=' +
-                            idOrganization)];
-                case 1: return [2 /*return*/, (_e.sent()).data];
-                case 2: return [2 /*return*/, null];
-            }
+    var getInmueblesOptions = function (step, dependencyStore, _a) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            var idProyecto, idMacroProyecto;
+            var _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        if (!(step.dependencies && idOrganization)) return [3 /*break*/, 2];
+                        idProyecto = (_c = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.id;
+                        idMacroProyecto = (_e = (_d = dependencyStore[step.dependencies[0]]) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.idMacroProyecto;
+                        if (!idProyecto) {
+                            return [2 /*return*/, null]; //null para indicar que falta la depedency
+                        }
+                        return [4 /*yield*/, axios.get(baseUrl +
+                                'Inmuebles?idMacro=' +
+                                idMacroProyecto +
+                                '&idProyecto=' +
+                                idProyecto +
+                                '&idOrganization=' +
+                                idOrganization)];
+                    case 1: return [2 /*return*/, (_f.sent()).data];
+                    case 2: return [2 /*return*/, null];
+                }
+            });
         });
-    }); };
+    };
     return (_jsxs(React.Fragment, { children: [_jsx(SmartSelectStep, __assign({}, props, { icon: _jsx(InputIcon, { icon: 'PROPERTY' }), getOptionSelected: function (option, value) {
                     return option.id === value.id;
                 }, calcDepError: function (steps) {

package/dist/FormSteps/AYFStepMapper.js

@@ -75,51 +75,54 @@ function AYFStepMapper(props) {
                 ]];
         });
     }); };
-    var getCiudadesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
-        var nit, params, _i, _a, dep, value, error_1;
-        var _b, _c, _d, _e;
-        return __generator(this, function (_f) {
-            switch (_f.label) {
-                case 0:
-                    if (!idOrganization)
-                        return [2 /*return*/, null];
-                    nit = (_b = dependencyStore[step.idNitStep]) === null || _b === void 0 ? void 0 : _b.value;
-                    params = new URLSearchParams({
-                        idOrganization: idOrganization,
-                        idCompany: nit,
-                        nit: 'true',
-                    });
-                    for (_i = 0, _a = (_c = step.dependencies) !== null && _c !== void 0 ? _c : []; _i < _a.length; _i++) {
-                        dep = _a[_i];
-                        value = (_d = dependencyStore[dep]) === null || _d === void 0 ? void 0 : _d.value;
-                        if (value && dep.startsWith('AYF')) {
-                            switch ((_e = dep.split('-')) === null || _e === void 0 ? void 0 : _e[0]) {
-                                case AYFFormStepTypes.AYF_START_MONTH:
-                                    params.set('startMonth', value.id);
-                                    break;
-                                case AYFFormStepTypes.AYF_END_MONTH:
-                                    params.set('endMonth', value.id);
-                                    break;
-                                case AYFFormStepTypes.AYF_YEAR:
-                                    params.set('year', value);
-                                    break;
-                                default:
-                                    break;
+    var getCiudadesOptions = function (step, dependencyStore, _a) {
+        var idOrganization = _a.idOrganization;
+        return __awaiter(_this, void 0, void 0, function () {
+            var nit, params, _i, _b, dep, value, error_1;
+            var _c, _d, _e, _f;
+            return __generator(this, function (_g) {
+                switch (_g.label) {
+                    case 0:
+                        if (!idOrganization)
+                            return [2 /*return*/, null];
+                        nit = (_c = dependencyStore[step.idNitStep]) === null || _c === void 0 ? void 0 : _c.value;
+                        params = new URLSearchParams({
+                            idOrganization: idOrganization,
+                            idCompany: nit,
+                            nit: 'true',
+                        });
+                        for (_i = 0, _b = (_d = step.dependencies) !== null && _d !== void 0 ? _d : []; _i < _b.length; _i++) {
+                            dep = _b[_i];
+                            value = (_e = dependencyStore[dep]) === null || _e === void 0 ? void 0 : _e.value;
+                            if (value && dep.startsWith('AYF')) {
+                                switch ((_f = dep.split('-')) === null || _f === void 0 ? void 0 : _f[0]) {
+                                    case AYFFormStepTypes.AYF_START_MONTH:
+                                        params.set('startMonth', value.id);
+                                        break;
+                                    case AYFFormStepTypes.AYF_END_MONTH:
+                                        params.set('endMonth', value.id);
+                                        break;
+                                    case AYFFormStepTypes.AYF_YEAR:
+                                        params.set('year', value);
+                                        break;
+                                    default:
+                                        break;
+                                }
                             }
                         }
-                    }
-                    _f.label = 1;
-                case 1:
-                    _f.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, axios.get(baseUrl + 'CiudadesICA?' + params.toString())];
-                case 2: return [2 /*return*/, (_f.sent()).data];
-                case 3:
-                    error_1 = _f.sent();
-                    return [2 /*return*/, null];
-                case 4: return [2 /*return*/];
-            }
+                        _g.label = 1;
+                    case 1:
+                        _g.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, axios.get(baseUrl + 'CiudadesICA?' + params.toString())];
+                    case 2: return [2 /*return*/, (_g.sent()).data];
+                    case 3:
+                        error_1 = _g.sent();
+                        return [2 /*return*/, null];
+                    case 4: return [2 /*return*/];
+                }
+            });
         });
-    }); };
+    };
     switch (props.step.type) {
         case AYFFormStepTypes.AYF_START_MONTH:
         case AYFFormStepTypes.AYF_END_MONTH:

package/dist/FormSteps/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.js

@@ -90,65 +90,68 @@ function ApiSelectorComponent(_a) {
         return (_a = option === null || option === void 0 ? void 0 : option[step.labelAttribute]) !== null && _a !== void 0 ? _a : '';
     }
     var getApiOptions = useMemo(function () {
-        return function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
-            function calcOptionId(option) {
-                var _a;
-                return (_a = option === null || option === void 0 ? void 0 : option[step.idAttribute]) !== null && _a !== void 0 ? _a : '';
-            }
-            var params, _i, _a, filter, currentValue, filterStep, url, response;
-            var _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        params = new URLSearchParams({});
-                        for (_i = 0, _a = step.queryParams; _i < _a.length; _i++) {
-                            filter = _a[_i];
-                            switch (filter.type) {
-                                case ApiSelectorParamTypes.STEP: {
-                                    currentValue = (_b = dependencyStore[filter.idStep]) === null || _b === void 0 ? void 0 : _b.value;
-                                    filterStep = form.steps[filter.idStep];
-                                    if (currentValue) {
-                                        if (filterStep.type ===
-                                            FormStepTypes.API_SELECTOR) {
-                                            params.set(filter.key, currentValue[step.idAttribute]);
+        return function (step, dependencyStore, _a) {
+            var idOrganization = _a.idOrganization;
+            return __awaiter(_this, void 0, void 0, function () {
+                function calcOptionId(option) {
+                    var _a;
+                    return (_a = option === null || option === void 0 ? void 0 : option[step.idAttribute]) !== null && _a !== void 0 ? _a : '';
+                }
+                var params, _i, _b, filter, currentValue, filterStep, url, response;
+                var _c, _d;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            params = new URLSearchParams({});
+                            for (_i = 0, _b = step.queryParams; _i < _b.length; _i++) {
+                                filter = _b[_i];
+                                switch (filter.type) {
+                                    case ApiSelectorParamTypes.STEP: {
+                                        currentValue = (_c = dependencyStore[filter.idStep]) === null || _c === void 0 ? void 0 : _c.value;
+                                        filterStep = form.steps[filter.idStep];
+                                        if (currentValue) {
+                                            if (filterStep.type ===
+                                                FormStepTypes.API_SELECTOR) {
+                                                params.set(filter.key, currentValue[step.idAttribute]);
+                                            }
+                                            else if (typeof currentValue === 'string')
+                                                params.set(filter.key, currentValue);
+                                            else
+                                                params.set(filter.key, (_d = currentValue.label) !== null && _d !== void 0 ? _d : currentValue.id);
                                         }
-                                        else if (typeof currentValue === 'string')
-                                            params.set(filter.key, currentValue);
-                                        else
-                                            params.set(filter.key, (_c = currentValue.label) !== null && _c !== void 0 ? _c : currentValue.id);
-                                    }
-                                    else if (filter.required) {
-                                        return [2 /*return*/, null];
+                                        else if (filter.required) {
+                                            return [2 /*return*/, null];
+                                        }
+                                        break;
                                     }
-                                    break;
+                                    case ApiSelectorParamTypes.VALUE:
+                                    default:
+                                        params.set(filter.key, filter.value);
+                                        break;
                                 }
-                                case ApiSelectorParamTypes.VALUE:
-                                default:
-                                    params.set(filter.key, filter.value);
-                                    break;
                             }
-                        }
-                        url = step.url.replace('capta.co', process.env.REACT_APP_DOMAIN);
-                        if (idOrganization &&
-                            url.includes(process.env.REACT_APP_DOMAIN))
-                            params.set('idOrganization', idOrganization);
-                        if (!step.url.includes('?'))
-                            url += '?';
-                        url += params.toString();
-                        return [4 /*yield*/, (idOrganization
-                                ? widgetInstance.get(url)
-                                : axiosInstance.get(url))];
-                    case 1:
-                        response = _d.sent();
-                        return [2 /*return*/, response.data.filter(function (option) {
-                                var _a;
-                                return calcOptionId(option) &&
-                                    ((_a = step.options[calcOptionId(option)]) === null || _a === void 0 ? void 0 : _a.type) !==
-                                        ApiSelectorOptionTypes.HIDE;
-                            })];
-                }
+                            url = step.url.replace('capta.co', process.env.REACT_APP_DOMAIN);
+                            if (idOrganization &&
+                                url.includes(process.env.REACT_APP_DOMAIN))
+                                params.set('idOrganization', idOrganization);
+                            if (!step.url.includes('?'))
+                                url += '?';
+                            url += params.toString();
+                            return [4 /*yield*/, (idOrganization
+                                    ? widgetInstance.get(url)
+                                    : axiosInstance.get(url))];
+                        case 1:
+                            response = _e.sent();
+                            return [2 /*return*/, response.data.filter(function (option) {
+                                    var _a;
+                                    return calcOptionId(option) &&
+                                        ((_a = step.options[calcOptionId(option)]) === null || _a === void 0 ? void 0 : _a.type) !==
+                                            ApiSelectorOptionTypes.HIDE;
+                                })];
+                    }
+                });
             });
-        }); };
+        };
     }, [form]);
     return (_jsx(StepFillerContainer, __assign({ step: step }, { children: _jsx(SmartSelect, __assign({}, others, { editable: editable, step: step, icon: step.icon ? _jsx(InputIcon, { icon: step.icon }) : undefined, getOptions: getApiOptions, getOptionSelected: function (option, value) {
                 return calcOptionId(option) === calcOptionId(value);