@arquimedes.co/eureka-forms 1.9.118 → 1.9.119-test

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

@@ -0,0 +1,13 @@
+export interface Branding {
+    name: string;
+    images: {
+        logoUrl: string;
+        iconUrl: string;
+    };
+    colors: {
+        primaryColor: string;
+        secondaryColor: string;
+        contrastColor: string;
+        navbarColor?: string;
+    };
+}

package/dist/@Types/Branding.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,5 @@
 import { FormStyleTypes, FormTypes } from '../constants/FormStepTypes';
+import { Branding } from './Branding';
 import { FormStep } from './FormStep';
 export interface Form {
     apiKey?: string;
@@ -11,6 +12,7 @@ export interface Form {
     hasCaptcha?: boolean;
     isStandAlone?: boolean;
     style?: FormStyle;
+    Branding?: Branding;
     classifiers?: Record<string, Classifier>;
     terms?: Term[];
 }

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

@@ -1,6 +1,6 @@
-import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes, EntityValueOptionTypes, EntityValueDataTypes } from '../constants/FormStepTypes';
+import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes, EntityValueOptionTypes, EntityValueDataTypes, ApiSelectorOptionTypes, ApiSelectorParamTypes } from '../constants/FormStepTypes';
 import * as GSteps from './GenericFormSteps';
-export type FormStep = Title | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | Mapper;
+export type FormStep = Title | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper;
 export interface Title extends GSteps.GBaseStep {
     type: Types.TITLE;
     title: string;
@@ -140,6 +140,41 @@ export interface ValueEntityValuePickerFilter {
     type: EntityValueDataTypes.VALUE;
     value: any;
 }
+export interface ApiSelector extends GSteps.GSmartSelect {
+    type: Types.API_SELECTOR;
+    icon: string | null;
+    url: string;
+    pathParams: ApiSelectorParam[];
+    queryParams: ApiSelectorParam[];
+    /** Headers? Body, etc?? */
+    labelAttribute: string;
+    idAttribute: string;
+    /** Only has maxSize if level === 0 */
+    maxSize?: number;
+    options: Record<string, ApiSelectorOption>;
+}
+export type ApiSelectorOption = NestedApiSelectorOption | HideApiSelectorOption;
+interface NestedApiSelectorOption {
+    type: ApiSelectorOptionTypes.NESTED;
+    idOption: string;
+    steps: string[];
+}
+interface HideApiSelectorOption {
+    type: ApiSelectorOptionTypes.HIDE;
+    idOption: string;
+}
+export type ApiSelectorParam = StepApiSelectorParam | ValueApiSelectorParam;
+export interface StepApiSelectorParam {
+    type: ApiSelectorParamTypes.STEP;
+    key: string;
+    idStep: string;
+    required: boolean;
+}
+export interface ValueApiSelectorParam {
+    type: ApiSelectorParamTypes.VALUE;
+    key: string;
+    value: string;
+}
 export interface Mapper extends GSteps.GBaseStep {
     type: Types.MAPPER;
     style: {

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

@@ -1,17 +1,9 @@
+import { Branding } from './Branding';
 export interface Organization {
     /** The Organization's id */
     idOrganization: string;
     /** The Organization's name */
     name: string;
-    /** The organization Logo url */
-    logoUrl: string;
-    /** The organization Favicon url */
-    iconUrl?: string;
-    mainCity?: string;
-    styles?: {
-        primaryColor: string;
-        secondaryColor: string;
-        contrastColor: string;
-        navbarColor?: string;
-    };
+    branding: Branding;
+    customBrandings: boolean;
 }

package/dist/App.js

@@ -76,6 +76,7 @@ function App(_a) {
     var _g = useState(undefined), form = _g[0], setForm = _g[1];
     var _h = useState({}), originalValues = _h[0], setOriginalValues = _h[1];
     var _j = useState(undefined), organizationInfo = _j[0], setOrganizationInfo = _j[1];
+    var _k = useState(), branding = _k[0], setBranding = _k[1];
     var migrateFormData = function (formData, valuesData) {
         var form = migrateForm(formData, classifiers);
         var steps = Object.values(form.steps);
@@ -100,6 +101,9 @@ function App(_a) {
                     case 1:
                         response = _a.sent();
                         if (response.data) {
+                            if (!response.data.customBrandings) {
+                                setBranding(response.data.branding);
+                            }
                             setOrganizationInfo(response.data);
                             migrateFormData(formData, valuesData);
                         }
@@ -115,6 +119,7 @@ function App(_a) {
             }
             else {
                 migrateFormData(__assign({}, formData), valuesData);
+                setBranding(undefined);
                 setOrganizationInfo(null);
             }
         }
@@ -132,6 +137,7 @@ function App(_a) {
             console.error('ERROREMBED');
             //Error in embed
             setForm(null);
+            setBranding(undefined);
             setOrganizationInfo(null);
         }
     }, []);
@@ -190,25 +196,27 @@ function App(_a) {
                 case 4:
                     response = _a;
                     if (response === null || response === void 0 ? void 0 : response.data) {
-                        if (response === null || response === void 0 ? void 0 : response.data) {
-                            // document.title = currentOrg.name;
-                            // const favicon: any = document.getElementById('favicon');
-                            // if (favicon !== undefined) {
-                            //     favicon.href = currentOrg.partialLogoUrl;
-                            // }
-                            //TODO cambiar el color del navbar en movil
-                            // eslint-disable-next-line no-console
-                            console.log(response === null || response === void 0 ? void 0 : response.data);
-                            setOrganizationInfo(response === null || response === void 0 ? void 0 : response.data);
-                        }
-                        else {
-                            setOrganizationInfo(null);
+                        // document.title = currentOrg.name;
+                        // const favicon: any = document.getElementById('favicon');
+                        // if (favicon !== undefined) {
+                        //     favicon.href = currentOrg.partialLogoUrl;
+                        // }
+                        //TODO cambiar el color del navbar en movil
+                        // eslint-disable-next-line no-console
+                        setOrganizationInfo(response === null || response === void 0 ? void 0 : response.data);
+                        if (!response.data.customBrandings) {
+                            setBranding(response === null || response === void 0 ? void 0 : response.data.branding);
                         }
                     }
+                    else {
+                        setBranding(undefined);
+                        setOrganizationInfo(null);
+                    }
                     return [3 /*break*/, 6];
                 case 5:
                     error_2 = _b.sent();
                     console.error(error_2);
+                    setBranding(undefined);
                     setOrganizationInfo(null);
                     return [3 /*break*/, 6];
                 case 6: return [2 /*return*/];
@@ -227,6 +235,8 @@ function App(_a) {
                 case 1:
                     response = _a.sent();
                     if (response) {
+                        if (response.data.branding)
+                            setBranding(response.data.branding);
                         migrateFormData(response.data, valuesData);
                     }
                     return [3 /*break*/, 3];
@@ -241,9 +251,9 @@ function App(_a) {
     }); };
     if (form === undefined || organizationInfo === undefined) {
         if (isWidget) {
-            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_c = (_b = organizationInfo === null || organizationInfo === void 0 ? void 0 : organizationInfo.styles) === null || _b === void 0 ? void 0 : _b.primaryColor) !== null && _c !== void 0 ? _c : '#b8b8b8' }) })) })));
+            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_c = (_b = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _b === void 0 ? void 0 : _b.primaryColor) !== null && _c !== void 0 ? _c : '#b8b8b8' }) })) })));
         }
-        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_e = (_d = organizationInfo === null || organizationInfo === void 0 ? void 0 : organizationInfo.styles) === null || _d === void 0 ? void 0 : _d.primaryColor) !== null && _e !== void 0 ? _e : '#b8b8b8' }) })));
+        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_e = (_d = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _d === void 0 ? void 0 : _d.primaryColor) !== null && _e !== void 0 ? _e : '#b8b8b8' }) })));
     }
     else if (form === null) {
         if (organizationInfo === null) {
@@ -260,7 +270,7 @@ function App(_a) {
         }
     }
     else {
-        return (_jsx("div", __assign({ ref: containerRef, className: styles.container }, { children: _jsx(FormComponent, __assign({}, others, { form: form, reload: function () {
+        return (_jsx("div", __assign({ ref: containerRef, className: styles.container }, { children: _jsx(FormComponent, __assign({}, others, { form: form, branding: branding, reload: function () {
                     var tempForm = __assign({}, form);
                     setForm(undefined);
                     setTimeout(function () {

package/dist/FormComponents/Form/ColumnForm/ColumnForm.d.ts

@@ -1,8 +1,15 @@
 /// <reference types="react" />
 import { FormComponentProps } from '../Form';
+import Types from '../../../constants/FormStepTypes';
 import { CustomStep } from '../../../App';
 import { FormStep } from '../../../@Types/FormStep';
+export interface StepDependency {
+    value: any | undefined;
+    type: Types;
+    empty?: boolean;
+}
+export type DependencyStore = Record<string, StepDependency>;
 declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, sendLabel, widthStats, customSteps, customSend, customSubmit, handleLoaded, originalValues, ...others }: FormComponentProps): JSX.Element;
 export default ColumnForm;
 export declare const calcValue: (idStep: string, steps: Record<string, FormStep>, values: Record<string, any>, customSteps: Record<string, CustomStep>, deleteIds: string[], value?: any) => any;
-export declare function calcStepDependencyValue(depStep: FormStep, originalValues: Record<string, any>, customSteps?: Record<string, CustomStep>): any;
+export declare function calcStepDependencyValue(depStep: FormStep, originalValues: Record<string, any>, customSteps?: Record<string, CustomStep>): StepDependency['value'];

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -325,10 +325,16 @@ function calcDependencies(steps, originalValues, customSteps, allSteps, dependen
                 var idDep = _e[_d];
                 var depStep = allSteps[idDep];
                 if (depStep && dependencies[idDep] === undefined) {
-                    dependencies[idDep] = calcStepDependencyValue(depStep, originalValues, customSteps);
+                    dependencies[idDep] = {
+                        type: depStep.type,
+                        value: calcStepDependencyValue(depStep, originalValues, customSteps),
+                    };
                 }
                 else if (dependencies[idDep] === undefined) {
-                    dependencies[idDep] = originalValues[idDep];
+                    dependencies[idDep] = {
+                        type: depStep.type,
+                        value: originalValues[idDep],
+                    };
                 }
             }
         }

package/dist/FormComponents/Form/Form.d.ts

@@ -2,6 +2,7 @@
 import { Organization } from '../../@Types/@Types';
 import { Form, FormStyle } from '../../@Types/Form';
 import { CustomStep } from '../../App';
+import { Branding } from '../../@Types/Branding';
 export declare const getLocale: () => any;
 export interface WidthStats {
     currentBreakPoint: number;
@@ -11,6 +12,7 @@ export interface WidthStats {
 export interface FormComponentProps {
     form: Form;
     organization: Organization;
+    branding?: Branding;
     originalValues: Record<string, unknown>;
     customSteps: Record<string, CustomStep>;
     customStepProps: Record<string, any>;
@@ -34,7 +36,7 @@ export interface FormComponentProps {
     /** The custom send label to display */
     sendLabel?: string;
 }
-declare function FormComponent({ form, isWidget, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle' | 'handleLoaded'> & {
+declare function FormComponent({ form, isWidget, internal, postview, branding, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle' | 'handleLoaded'> & {
     containerRef: any;
     organization: Organization | null;
     isWidget: boolean;

package/dist/FormComponents/Form/Form.js

@@ -49,7 +49,7 @@ export var getLocale = function () {
 };
 function FormComponent(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var form = _a.form, isWidget = _a.isWidget, internal = _a.internal, postview = _a.postview, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "isWidget", "internal", "postview", "organization", "containerRef"]);
+    var form = _a.form, isWidget = _a.isWidget, internal = _a.internal, postview = _a.postview, branding = _a.branding, organization = _a.organization, containerRef = _a.containerRef, others = __rest(_a, ["form", "isWidget", "internal", "postview", "branding", "organization", "containerRef"]);
     var _p = useState(false), loaded = _p[0], setLoaded = _p[1];
     var _q = useState(undefined), widthStats = _q[0], setWidthStats = _q[1];
     /** Calcs the currentBreakPoint and if is mobile */
@@ -92,22 +92,22 @@ function FormComponent(_a) {
                     ? 'transparent'
                     : (_d = (_c = form.style) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : InternalFormStyle.backgroundColor,
                 minHeight: form.isStandAlone && !isWidget ? '100vh' : '100%',
-            } }, { children: _jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef }, { children: _jsx(FormTypeComponent, __assign({}, others, { handleLoaded: function () {
+            } }, { children: _jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef }, { children: _jsx(FormTypeComponent, __assign({}, others, { branding: branding, handleLoaded: function () {
                         setLoaded(true);
                     }, widthStats: widthStats, form: form, internal: internal, postview: postview, organization: organization, formStyle: internal
                         ? InternalFormStyle
                         : __assign(__assign({}, InternalFormStyle), ((_e = form.style) !== null && _e !== void 0 ? _e : {})) })) })) })));
     }
-    else if (organization && widthStats !== undefined) {
+    else if (organization && branding && widthStats !== undefined) {
         //Standalone cant have widget
-        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.logoUrl, color: (_g = (_f = organization.styles) === null || _f === void 0 ? void 0 : _f.navbarColor) !== null && _g !== void 0 ? _g : (_h = organization.styles) === null || _h === void 0 ? void 0 : _h.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef, style: {
+        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: branding.images.logoUrl, color: (_g = (_f = branding.colors) === null || _f === void 0 ? void 0 : _f.navbarColor) !== null && _g !== void 0 ? _g : (_h = branding.colors) === null || _h === void 0 ? void 0 : _h.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef, style: {
                         background: (_k = (_j = form.style) === null || _j === void 0 ? void 0 : _j.standAloneBackgroundColor) !== null && _k !== void 0 ? _k : '#ffffff',
                     } }, { children: _jsx("div", __assign({ className: widthStats.isResponsive
                             ? styles.fullScreenStandAloneForm
                             : styles.standAloneFormCard, style: {
                             backgroundColor: (_m = (_l = form.style) === null || _l === void 0 ? void 0 : _l.backgroundColor) !== null && _m !== void 0 ? _m : InternalFormStyle.backgroundColor,
                             visibility: loaded ? 'visible' : 'hidden',
-                        } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: (_o = form.style) !== null && _o !== void 0 ? _o : InternalFormStyle, organization: organization, handleLoaded: function () {
+                        } }, { children: _jsx(FormTypeComponent, __assign({}, others, { branding: branding, internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: (_o = form.style) !== null && _o !== void 0 ? _o : InternalFormStyle, organization: organization, handleLoaded: function () {
                                 setLoaded(true);
                             } })) })) }))] }));
     }

package/dist/FormComponents/Section/Section.d.ts

@@ -4,6 +4,7 @@ import { Organization } from '../../@Types';
 import { Form, FormStyle, Section } from '../../@Types/Form';
 import { CustomStep } from '../../App';
 import { WidthStats } from '../Form/Form';
+import { DependencyStore } from '../Form/ColumnForm/ColumnForm';
 export interface RecursiveData {
     form: Form;
     organization: Organization;
@@ -24,8 +25,8 @@ export interface RecursiveData {
     customStepProps: Record<string, any>;
     /** Function to call on postview to fetch the download url of a file */
     fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
-    dependencyStore: Record<string, any>;
-    setDependencyStore: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+    dependencyStore: DependencyStore;
+    setDependencyStore: React.Dispatch<React.SetStateAction<DependencyStore>>;
     setFocus: (id: string) => void;
     setValue: (id: string, value: any) => void;
 }

package/dist/FormComponents/Step/@Construction/CBRElementStep/CBRElementStep.js

@@ -81,19 +81,19 @@ var getElementOptions = function (_a, step, dependencyStore) {
     var idOrganization = _a.idOrganization;
     return __awaiter(void 0, void 0, void 0, function () {
         var idProyecto, response, father_1;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
                     if (!step.dependencies) return [3 /*break*/, 2];
-                    idProyecto = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.id;
+                    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 = (_c.sent()).data;
-                    father_1 = dependencyStore[step.dependencies[1]];
+                    response = (_d.sent()).data;
+                    father_1 = dependencyStore[step.dependencies[1]].value;
                     if (father_1 !== undefined && father_1.id === undefined) {
                         return [2 /*return*/, null];
                     }

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js

@@ -80,7 +80,10 @@ function Incidents(_a) {
             newStep.subStep = idSubStep;
         }
         if (idParent) {
-            dependencyStore[idParent] = null;
+            dependencyStore[idParent] = {
+                type: steps[idParent].type,
+                value: null,
+            };
             (_b = (_a = newStep.dependencies) === null || _a === void 0 ? void 0 : _a.push) === null || _b === void 0 ? void 0 : _b.call(_a, idParent);
         }
         steps[idStep] = newStep;

package/dist/FormComponents/Step/@Construction/CBRPropertyStep/CBRPropertyStep.js

@@ -63,13 +63,13 @@ function CBRPropertyStepComponent(props) {
         var idOrganization = _a.idOrganization;
         return __awaiter(_this, void 0, void 0, function () {
             var idProyecto, idMacroProyecto;
-            var _b, _c;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
+            var _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0:
                         if (!step.dependencies) return [3 /*break*/, 2];
-                        idProyecto = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.id;
-                        idMacroProyecto = (_c = dependencyStore[step.dependencies[0]]) === null || _c === void 0 ? void 0 : _c.idMacroProyecto;
+                        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
                         }
@@ -80,7 +80,7 @@ function CBRPropertyStepComponent(props) {
                                 idProyecto +
                                 '&idOrganization=' +
                                 idOrganization)];
-                    case 1: return [2 /*return*/, (_d.sent()).data];
+                    case 1: return [2 /*return*/, (_f.sent()).data];
                     case 2: return [2 /*return*/, null];
                 }
             });

package/dist/FormComponents/Step/AYFStepMapper.js

@@ -76,27 +76,24 @@ function AYFStepMapper(props) {
         });
     }); };
     var getCiudadesOptions = function (_a, step, dependencyStore) {
-        var idOrganization = _a.idOrganization, mainCity = _a.mainCity;
+        var idOrganization = _a.idOrganization;
         return __awaiter(_this, void 0, void 0, function () {
             var nit, params, _i, _b, dep, value, error_1;
-            var _c, _d;
-            return __generator(this, function (_e) {
-                switch (_e.label) {
+            var _c, _d, _e, _f;
+            return __generator(this, function (_g) {
+                switch (_g.label) {
                     case 0:
-                        nit = dependencyStore[step.idNitStep];
-                        if (!nit) {
-                            return [2 /*return*/, [mainCity !== null && mainCity !== void 0 ? mainCity : 'BOGOTA']];
-                        }
+                        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 = (_c = step.dependencies) !== null && _c !== void 0 ? _c : []; _i < _b.length; _i++) {
+                        for (_i = 0, _b = (_d = step.dependencies) !== null && _d !== void 0 ? _d : []; _i < _b.length; _i++) {
                             dep = _b[_i];
-                            value = dependencyStore[dep];
+                            value = (_e = dependencyStore[dep]) === null || _e === void 0 ? void 0 : _e.value;
                             if (value && dep.startsWith('AYF')) {
-                                switch ((_d = dep.split('-')) === null || _d === void 0 ? void 0 : _d[0]) {
+                                switch ((_f = dep.split('-')) === null || _f === void 0 ? void 0 : _f[0]) {
                                     case AYFFormStepTypes.AYF_START_MONTH:
                                         params.set('startMonth', value.id);
                                         break;
@@ -111,14 +108,14 @@ function AYFStepMapper(props) {
                                 }
                             }
                         }
-                        _e.label = 1;
+                        _g.label = 1;
                     case 1:
-                        _e.trys.push([1, 3, , 4]);
+                        _g.trys.push([1, 3, , 4]);
                         return [4 /*yield*/, axios.get(baseUrl + 'CiudadesICA?' + params.toString())];
-                    case 2: return [2 /*return*/, (_e.sent()).data];
+                    case 2: return [2 /*return*/, (_g.sent()).data];
                     case 3:
-                        error_1 = _e.sent();
-                        return [2 /*return*/, [mainCity !== null && mainCity !== void 0 ? mainCity : 'BOGOTA']];
+                        error_1 = _g.sent();
+                        return [2 /*return*/, null];
                     case 4: return [2 /*return*/];
                 }
             });

package/dist/FormComponents/Step/ApiSelectorStep/ApiSelectorStep.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ApiSelector } from '../../../@Types/FormStep';
+import { StepProps } from '../Step';
+export interface StepOptions {
+    id: string | number;
+    label: string;
+}
+export interface ApiSelectorStepProps extends StepProps {
+    /** The ApiSelectorStep to display */
+    step: ApiSelector;
+    /** Default value to display */
+    defaultValue?: Date | null;
+}
+declare function ApiSelectorStep({ ...props }: ApiSelectorStepProps): JSX.Element;
+export default ApiSelectorStep;

package/dist/FormComponents/Step/ApiSelectorStep/ApiSelectorStep.js

@@ -0,0 +1,35 @@
+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 __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 { jsx as _jsx } from "react/jsx-runtime";
+import { FormStyleTypes } from '../../../constants/FormStepTypes';
+import MaterialApiSelectorStep from './MaterialApiSelectorStep/MaterialApiSelectorStep';
+function ApiSelectorStep(_a) {
+    var props = __rest(_a, []);
+    switch (props.formStyle.type) {
+        case FormStyleTypes.MATERIAL:
+        default: {
+            return _jsx(MaterialApiSelectorStep, __assign({}, props));
+        }
+    }
+}
+export default ApiSelectorStep;

package/dist/FormComponents/Step/ApiSelectorStep/MaterialApiSelectorStep/MaterialApiSelectorStep.d.ts

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