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

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

@@ -1,113 +1,53 @@
-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 { Dialog } from '@material-ui/core';
-import RoundedButton from '../../../Shared/RoundedButton/RoundedButton';
+import ErkButton from '../../../Shared/ErkButton/ErkButton';
 import InputIcon from '../../../Shared/InputIcon/InputIcon';
 import { useAppSelector } from '../../../hooks';
 import CBRFormStepTypes from '../../../constants/CBRFormStepTypes';
-var baseUrl = "https://integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/cbr/");
+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/`;
 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 (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];
-                }
-            });
-        });
+    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;
+        }
     };
-    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];
+    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) {
                         if (step.type === CBRFormStepTypes.CBR_PROYECTO) {
                             return 'Selecciona un proyecto';
                         }
                     }
                     return undefined;
-                }, 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);
+                }, 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);
                             if (days > props.step.validation.maxDays) {
                                 return props.step.validation.message;
                             }
@@ -115,35 +55,25 @@ function CBRPropertyStepComponent(props) {
                         return null;
                     }
                     : undefined, changeListener: 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);
+                    ? (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);
                             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, __assign({ PaperProps: {
+                    : undefined, getOptions: getInmueblesOptions }), showWarning !== undefined && (_jsx(Dialog, { PaperProps: {
                     style: {
                         borderRadius: '20px',
                         maxWidth: '100vw',
                         boxSizing: 'content-box',
                     },
-                }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+                }, open: true, children: _jsxs("div", { className: styles.confirmationContainer, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.closeIcon, 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);
-                                        } }) }))] }))] })) })))] }));
+                            }, 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) }) })] })] }) }))] }));
 }
 export default CBRPropertyStepComponent;

package/dist/FormSteps/AYFStepMapper.d.ts

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

package/dist/FormSteps/AYFStepMapper.js

@@ -1,161 +1,84 @@
-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';
-var baseUrl = "https://api.integrations.".concat(process.env.REACT_APP_DOMAIN, "/sinco/ayf/");
+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/`;
 function AYFStepMapper(props) {
-    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' },
-                ]];
+    // 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 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*/];
+        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;
                 }
-            });
-        });
+            }
+        }
+        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, __assign({}, props, { step: props.step, getOptions: getMonths, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                }, defaultValue: props.step.type === AYFFormStepTypes.AYF_START_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
                     ? { id: '1', label: 'Enero' }
-                    : { 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,
-                    } }) })));
+                    : { id: '12', label: 'Diciembre' }, getValueString: (value) => value?.id, IconComponent: () => _jsx(CalendarIcon, {}) }));
         case AYFFormStepTypes.AYF_YEAR:
-            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, defaultValue: new Date().getFullYear().toString() })));
+            return (_jsx(TextInputStep, { ...props, step: props.step, defaultValue: new Date().getFullYear().toString() }));
         case AYFFormStepTypes.AYF_BILL_NUM:
-            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
+            return (_jsx(TextInputStep, { ...props, step: props.step, validation: {
                     value: '^\\S*$',
                     type: 'OTHER',
                     message: 'No se permiten espacios',
-                }, maxLength: 30, icon: _jsx(DescriptionIcon, { style: { color: '#757575', fontSize: 23 } }) })));
+                }, maxLength: 30, IconComponent: () => _jsx(FileIcon, { style: { fontSize: 23 } }) }));
         case AYFFormStepTypes.AYF_CUT_OFF_DATE:
-            return (_jsx(DatePickerStep, __assign({}, props, { step: props.step, defaultValue: new Date() })));
+            return _jsx(DatePickerStep, { ...props, step: props.step, defaultValue: new Date().toString() });
         case AYFFormStepTypes.AYF_ICA_CITY:
-            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,
-                    } }) })));
+            return (_jsx(SmartSelectStep, { ...props, step: props.step, getOptions: getCiudadesOptions, getOptionSelected: (option, value) => option === value, getValueString: (value) => value, IconComponent: () => _jsx(LocationIcon, {}) }));
         default:
             return _jsx("div", {});
     }

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

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

package/dist/FormSteps/ApiSelectorStep/ApiSelectorStep.js

@@ -1,24 +1,13 @@
-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) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    const { formStyle } = useAppSelector((state) => state.global);
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL:
         default: {
-            return _jsx(MaterialApiSelectorStep, __assign({}, props));
+            return _jsx(MaterialApiSelectorStep, { ...props });
         }
     }
 }

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

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