@arquimedes.co/eureka-forms 3.0.35-test → 3.0.36

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

@@ -1,53 +1,113 @@
+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 styles from './CBRPropertyStep.module.css';
 import SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
+import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
+import WarningRoundedIcon from '@material-ui/icons/WarningRounded';
 import axios from 'axios';
 import React, { useState } from 'react';
-import ErkButton from '../../../Shared/ErkButton/ErkButton';
+import { Dialog } from '@material-ui/core';
+import RoundedButton from '../../../Shared/RoundedButton/RoundedButton';
 import InputIcon from '../../../Shared/InputIcon/InputIcon';
 import { useAppSelector } from '../../../hooks';
 import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
-import { Dialog } from '@mui/material';
-import CloseIcon from '../../../Icons/CloseIcon';
-import WarningIcon from '../../../Icons/WarningIcon';
-import { ErkIconTypes } from '../../../constants/ErkIconTypes';
-const baseUrl = `https://integrations.${import.meta.env.VITE_REACT_APP_DOMAIN}/sinco/cbr/`;
+var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
 function CBRPropertyStepComponent(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
-    const [showWarning, setShowWarning] = useState(undefined);
-    const getInmueblesOptions = async (step, dependencyStore, { idOrganization }) => {
-        if (step.dependencies && idOrganization) {
-            const idProyecto = dependencyStore[step.dependencies[0]]?.value?.id;
-            const idMacroProyecto = dependencyStore[step.dependencies[0]]?.value?.idMacroProyecto;
-            if (!idProyecto) {
-                return null; //null para indicar que falta la depedency
-            }
-            return (await axios.get(baseUrl +
-                'Inmuebles?idMacro=' +
-                idMacroProyecto +
-                '&idProyecto=' +
-                idProyecto +
-                '&idOrganization=' +
-                idOrganization)).data;
-        }
-        else {
-            return null;
-        }
+    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 (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, { ...props, IconComponent: () => _jsx(InputIcon, { icon: ErkIconTypes.PROPERTY }), getOptionSelected: (option, value) => option.id === value.id, calcDepError: (steps) => {
-                    for (const step of steps) {
+    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) {
+                    for (var _i = 0, steps_1 = steps; _i < steps_1.length; _i++) {
+                        var step = steps_1[_i];
                         if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';
                         }
                     }
                     return undefined;
-                }, getValueString: (value) => value?.id, getValueWarning: props.step.validation
-                    ? (value) => {
-                        if (value?.entrega !== undefined && props.step.validation) {
-                            const date = new Date(value.entrega);
-                            const today = new Date();
-                            const time = today.getTime() - date.getTime();
-                            const days = time / (1000 * 3600 * 24);
+                }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, getValueWarning: props.step.validation
+                    ? function (value) {
+                        if (value &&
+                            value.entrega !== undefined &&
+                            props.step.validation) {
+                            var date = new Date(value.entrega);
+                            var today = new Date();
+                            var time = today.getTime() - date.getTime();
+                            var days = time / (1000 * 3600 * 24);
                             if (days > props.step.validation.maxDays) {
                                 return props.step.validation.message;
                             }
@@ -55,25 +115,35 @@ function CBRPropertyStepComponent(props) {
                         return null;
                     }
                     : undefined, changeListener: props.step.validation
-                    ? (value) => {
-                        if (value?.entrega !== undefined && props.step.validation) {
-                            const date = new Date(value.entrega);
-                            const today = new Date();
-                            const time = today.getTime() - date.getTime();
-                            const days = time / (1000 * 3600 * 24);
+                    ? function (value) {
+                        if (value &&
+                            value.entrega !== undefined &&
+                            props.step.validation) {
+                            var date = new Date(value.entrega);
+                            var today = new Date();
+                            var time = today.getTime() - date.getTime();
+                            var days = time / (1000 * 3600 * 24);
                             if (days > props.step.validation.maxDays) {
-                                setShowWarning(new Date(date.getTime() + (props.step.validation.maxDays + 1) * 1000 * 3600 * 24));
+                                setShowWarning(new Date(date.getTime() +
+                                    (props.step.validation
+                                        .maxDays +
+                                        1) *
+                                        1000 *
+                                        3600 *
+                                        24));
                             }
                         }
                     }
-                    : undefined, getOptions: getInmueblesOptions }), showWarning !== undefined && (_jsx(Dialog, { PaperProps: {
+                    : undefined, getOptions: getInmueblesOptions })), showWarning !== undefined && (_jsx(Dialog, __assign({ PaperProps: {
                     style: {
                         borderRadius: '20px',
                         maxWidth: '100vw',
                         boxSizing: 'content-box',
                     },
-                }, open: true, children: _jsxs("div", { className: styles.confirmationContainer, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.closeIcon, onClick: () => {
+                }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
                                 setShowWarning(undefined);
-                            }, children: _jsx(CloseIcon, { style: { fontSize: 'inherit' } }) }), _jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.warningContainer, style: { color: formStyle.primaryColor }, children: _jsx(WarningIcon, { style: { fontSize: '160px' } }) }), _jsxs("div", { className: styles.messageContainer, children: ["La garant\u00EDa de su inmueble expir\u00F3 el d\u00EDa ", showWarning.toLocaleDateString(), "."] }), _jsx("div", { className: styles.btnContainer, children: _jsx(ErkButton, { text: 'Continuar', sx: { padding: '5px 15px' }, onClick: () => setShowWarning(undefined) }) })] })] }) }))] }));
+                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.warningContainer, style: { color: formStyle.primaryColor } }, { children: _jsx(WarningRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }) })), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["La garant\u00EDa de su inmueble expir\u00F3 el d\u00EDa", ' ', showWarning.toLocaleDateString(), "."] })), _jsx("div", __assign({ className: styles.btnContainer }, { children: _jsx(RoundedButton, { text: 'Continuar', color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                                            setShowWarning(undefined);
+                                        } }) }))] }))] })) })))] }));
 }
 export default CBRPropertyStepComponent;

package/dist/FormSteps/AYFStepMapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AYFFormStep } from '../@Types/AYFFormStep';
 import { StepProps } from './Step';
 interface AYFStepProps extends Omit<StepProps, 'step'> {

package/dist/FormSteps/AYFStepMapper.js

@@ -1,84 +1,161 @@
+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 } from "react/jsx-runtime";
 import AYFFormStepTypes from '../constants/AYFFormStepTypes';
 import TextInputStep from './TextInputStep/TextInputStep';
 import SmartSelectStep from './SmartSelectStep/SmartSelectStep';
+import CalendarTodayRoundedIcon from '@material-ui/icons/CalendarTodayRounded';
+import LocationOnRoundedIcon from '@material-ui/icons/LocationOnRounded';
+import DescriptionIcon from '@material-ui/icons/Description';
 import DatePickerStep from './DatePickerStep/DatePickerStep';
 import axios from 'axios';
-import CalendarIcon from '../Icons/CalendarIcon';
-import LocationIcon from '../Icons/LocationIcon';
-import FileIcon from '../Icons/FileIcon';
-const baseUrl = `https://api.integrations.${import.meta.env.VITE_REACT_APP_DOMAIN}/sinco/ayf/`;
+var baseUrl = "https://api.integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/ayf/");
 function AYFStepMapper(props) {
-    // eslint-disable-next-line @typescript-eslint/require-await
-    const getMonths = async () => {
-        return [
-            { id: '1', label: 'Enero' },
-            { id: '2', label: 'Febrero' },
-            { id: '3', label: 'Marzo' },
-            { id: '4', label: 'Abril' },
-            { id: '5', label: 'Mayo' },
-            { id: '6', label: 'Junio' },
-            { id: '7', label: 'Julio' },
-            { id: '8', label: 'Agosto' },
-            { id: '9', label: 'Septiembre' },
-            { id: '10', label: 'Octubre' },
-            { id: '11', label: 'Noviembre ' },
-            { id: '12', label: 'Diciembre' },
-        ];
-    };
-    const getCiudadesOptions = async (step, dependencyStore, { idOrganization }) => {
-        if (!idOrganization)
-            return null;
-        const nit = dependencyStore[step.idNitStep]?.value;
-        const params = new URLSearchParams({
-            idOrganization,
-            idCompany: nit,
-            nit: 'true',
+    var _this = this;
+    var getMonths = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, [
+                    { id: '1', label: 'Enero' },
+                    { id: '2', label: 'Febrero' },
+                    { id: '3', label: 'Marzo' },
+                    { id: '4', label: 'Abril' },
+                    { id: '5', label: 'Mayo' },
+                    { id: '6', label: 'Junio' },
+                    { id: '7', label: 'Julio' },
+                    { id: '8', label: 'Agosto' },
+                    { id: '9', label: 'Septiembre' },
+                    { id: '10', label: 'Octubre' },
+                    { id: '11', label: 'Noviembre ' },
+                    { id: '12', label: 'Diciembre' },
+                ]];
         });
-        for (const dep of step.dependencies ?? []) {
-            const value = dependencyStore[dep]?.value;
-            if (value && dep.startsWith('AYF')) {
-                switch (dep.split('-')?.[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;
+                                }
+                            }
+                        }
+                        _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*/];
                 }
-            }
-        }
-        try {
-            return (await axios.get(baseUrl + 'CiudadesICA?' + params.toString())).data;
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        }
-        catch (error) {
-            return null;
-        }
+            });
+        });
     };
     switch (props.step.type) {
         case AYFFormStepTypes.AYF_START_MONTH:
         case AYFFormStepTypes.AYF_END_MONTH:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, getOptions: getMonths, getOptionSelected: (option, value) => option.id === value.id, defaultValue: props.step.type === AYFFormStepTypes.AYF_START_MONTH
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, getOptions: getMonths, getOptionSelected: function (option, value) {
+                    return option.id === value.id;
+                }, defaultValue: props.step.type === AYFFormStepTypes.AYF_START_MONTH
                     ? { id: '1', label: 'Enero' }
-                    : { id: '12', label: 'Diciembre' }, getValueString: (value) => value?.id, IconComponent: () => _jsx(CalendarIcon, {}) }));
+                    : { id: '12', label: 'Diciembre' }, getValueString: function (value) { return value === null || value === void 0 ? void 0 : value.id; }, icon: _jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
+                        color: '#757575',
+                        fontSize: 20,
+                        marginRight: 4,
+                        marginTop: 2,
+                    } }) })));
         case AYFFormStepTypes.AYF_YEAR:
-            return (_jsx(TextInputStep, { ...props, step: props.step, defaultValue: new Date().getFullYear().toString() }));
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, defaultValue: new Date().getFullYear().toString() })));
         case AYFFormStepTypes.AYF_BILL_NUM:
-            return (_jsx(TextInputStep, { ...props, step: props.step, validation: {
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
                     value: '^\\S*$',
                     type: 'OTHER',
                     message: 'No se permiten espacios',
-                }, maxLength: 30, IconComponent: () => _jsx(FileIcon, { style: { fontSize: 23 } }) }));
+                }, maxLength: 30, icon: _jsx(DescriptionIcon, { style: { color: '#757575', fontSize: 23 } }) })));
         case AYFFormStepTypes.AYF_CUT_OFF_DATE:
-            return _jsx(DatePickerStep, { ...props, step: props.step, defaultValue: new Date().toString() });
+            return (_jsx(DatePickerStep, __assign({}, props, { step: props.step, defaultValue: new Date() })));
         case AYFFormStepTypes.AYF_ICA_CITY:
-            return (_jsx(SmartSelectStep, { ...props, step: props.step, getOptions: getCiudadesOptions, getOptionSelected: (option, value) => option === value, getValueString: (value) => value, IconComponent: () => _jsx(LocationIcon, {}) }));
+            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, getOptions: getCiudadesOptions, getOptionSelected: function (option, value) {
+                    return option === value;
+                }, getValueString: function (value) { return value; }, icon: _jsx(LocationOnRoundedIcon, { fill: "#757575", style: {
+                        display: 'flex',
+                        height: 23,
+                        width: 23,
+                        marginRight: 3,
+                        marginTop: 1,
+                    } }) })));
         default:
             return _jsx("div", {});
     }

package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ApiSelector } from '../../@Types/FormStep';
 import { StepProps } from '../Step';
 export interface StepOption {

package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.js

@@ -1,13 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FormStyleTypes } from '../../constants/FormStepTypes';
 import { useAppSelector } from '../../hooks';
 import MaterialApiSelectorStep from './MaterialApiSelectorStep/MaterialApiSelectorStep';
 function ApiSelectorStep(props) {
-    const { formStyle } = useAppSelector((state) => state.global);
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialApiSelectorStep, { ...props });
+            return _jsx(MaterialApiSelectorStep, __assign({}, props));
         }
     }
 }

package/dist/FormSteps/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ApiSelectorStepProps } from '../ApiSelectorStep';
 declare function ApiSelectorComponent({ step, editable, ...others }: ApiSelectorStepProps): JSX.Element;
 export default ApiSelectorComponent;