@arquimedes.co/eureka-forms 1.6.4-test → 1.6.7-test

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

@@ -18,6 +18,10 @@ export interface CBRRequesterTypeStep extends GSmartSelect {
 }
 export interface CBRPropertyStep extends GSmartSelect {
     type: Types.CBR_INMUEBLE;
+    validation?: {
+        maxDays: number;
+        message: string;
+    };
 }
 export interface CBRSpaceTypeStep extends GSmartSelect {
     type: Types.CBR_TIPO_ESPACIO;

package/dist/FormComponents/Step/@Construction/CBRPropertyStep/CBRPropertyStep.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { StepProps } from '../../Step';
+import { CBRPropertyStep } from '../../../../@Types/CBRFormStep';
+export interface PropertyRendererProps extends Omit<StepProps, 'step'> {
+    step: CBRPropertyStep;
+}
+declare function CBRPropertyStepComponent(props: PropertyRendererProps): JSX.Element;
+export default CBRPropertyStepComponent;

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

@@ -0,0 +1,117 @@
+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 (_) 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 SmartSelectStep from '../../SmartSelectStep/SmartSelectStep';
+import axios from 'axios';
+var baseUrl = "https://integrations." + process.env.REACT_APP_DOMAIN + "/sinco/cbr/";
+function CBRPropertyStepComponent(props) {
+    var _this = this;
+    var getInmueblesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
+        var idProyecto, idMacroProyecto, response;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!step.dependencies) return [3 /*break*/, 2];
+                    idProyecto = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.id;
+                    idMacroProyecto = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.idMacroProyecto;
+                    if (!idProyecto) {
+                        return [2 /*return*/, null]; //null para indicar que falta la depedency
+                    }
+                    return [4 /*yield*/, axios.get(baseUrl +
+                            'ConsultaInmuebles?idMacro=' +
+                            idMacroProyecto +
+                            '&idProyecto=' +
+                            idProyecto +
+                            '&idOrganization=' +
+                            'arquimedes')];
+                case 1:
+                    response = (_c.sent()).data;
+                    return [2 /*return*/, response.map(function (option) {
+                            return {
+                                label: option.Descripcion,
+                                id: option.Id,
+                                entrega: option.FechaEntrega,
+                            };
+                        })];
+                case 2: return [2 /*return*/, null];
+            }
+        });
+    }); };
+    return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PropertyIcon, { fill: "#757575", style: {
+                display: 'flex',
+                height: 23,
+                width: 23,
+            } }, void 0), getOptionSelected: function (option, value) {
+            return option.id === 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;
+                    }
+                }
+                return null;
+            }
+            : undefined, iconComponent: PropertyIconComponent, getOptions: getInmueblesOptions }), void 0));
+}
+export default CBRPropertyStepComponent;
+function PropertyIconComponent(props) {
+    return (_jsx(PropertyIcon, { className: props.className, fill: "#757575", style: {
+            display: 'flex',
+            height: 23,
+            width: 23,
+        } }, void 0));
+}
+var PropertyIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("g", __assign({ id: "_01-home", "data-name": "01-home" }, { children: _jsxs("g", __assign({ id: "glyph" }, { children: [_jsx("path", { d: "m256 4c-108.075 0-196 87.925-196 196 0 52.5 31.807 119.92 94.537 200.378a1065.816 1065.816 0 0 0 93.169 104.294 12 12 0 0 0 16.588 0 1065.816 1065.816 0 0 0 93.169-104.294c62.73-80.458 94.537-147.878 94.537-200.378 0-108.075-87.925-196-196-196zm0 336c-77.2 0-140-62.8-140-140s62.8-140 140-140 140 62.8 140 140-62.8 140-140 140z" }, void 0), _jsx("path", { d: "m352.072 183.121-88-80a12 12 0 0 0 -16.144 0l-88 80a12.006 12.006 0 0 0 -2.23 15.039 12.331 12.331 0 0 0 10.66 5.84h11.642v76a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-44a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v44a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-76h11.642a12.331 12.331 0 0 0 10.66-5.84 12.006 12.006 0 0 0 -2.23-15.039z" }, void 0)] }), void 0) }), void 0) }), void 0)); };

package/dist/FormComponents/Step/CBRStepMapper.js

@@ -54,6 +54,7 @@ import TextAreaStep from './TextAreaStep/TextAreaStep';
 import CBRIncidentsStep from './@Construction/CBRIncidentsStep/CBRIncidentsStep';
 import CBRLocativasStep from './@Construction/CBRLocativasStep/CBRLocativasStep';
 import axios from 'axios';
+import CBRPropertyStep from './@Construction/CBRPropertyStep/CBRPropertyStep';
 var baseUrl = "https://integrations." + process.env.REACT_APP_DOMAIN + "/sinco/cbr/";
 function CBRStepMapper(props) {
     var _this = this;
@@ -133,37 +134,6 @@ function CBRStepMapper(props) {
             }
         });
     }); };
-    var getInmueblesOptions = function (idOrganization, step, dependencyStore) { return __awaiter(_this, void 0, void 0, function () {
-        var idProyecto, idMacroProyecto, response;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    if (!step.dependencies) return [3 /*break*/, 2];
-                    idProyecto = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.id;
-                    idMacroProyecto = (_b = dependencyStore[step.dependencies[0]]) === null || _b === void 0 ? void 0 : _b.idMacroProyecto;
-                    if (!idProyecto) {
-                        return [2 /*return*/, null]; //null para indicar que falta la depedency
-                    }
-                    return [4 /*yield*/, axios.get(baseUrl +
-                            'ConsultaInmuebles?idMacro=' +
-                            idMacroProyecto +
-                            '&idProyecto=' +
-                            idProyecto +
-                            '&idOrganization=' +
-                            idOrganization)];
-                case 1:
-                    response = (_c.sent()).data;
-                    return [2 /*return*/, response.map(function (option) {
-                            return {
-                                label: option.Descripcion,
-                                id: option.Id,
-                            };
-                        })];
-                case 2: return [2 /*return*/, null];
-            }
-        });
-    }); };
     switch (props.step.type) {
         case CBRFormStepTypes.CBR_CEL:
         case CBRFormStepTypes.CBR_EMAIL:
@@ -188,13 +158,7 @@ function CBRStepMapper(props) {
                     return option.id === value.id;
                 } }), void 0));
         case CBRFormStepTypes.CBR_INMUEBLE:
-            return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PropertyIcon, { fill: "#757575", style: {
-                        display: 'flex',
-                        height: 23,
-                        width: 23,
-                    } }, void 0), iconComponent: PropertyIconComponent, getOptions: getInmueblesOptions, getOptionSelected: function (option, value) {
-                    return option.id === value.id;
-                } }), void 0));
+            return _jsx(CBRPropertyStep, __assign({}, props, { step: props.step }), void 0);
         case CBRFormStepTypes.CBR_TIPO_SOLICITANTE:
             return (_jsx(SmartSelectStep, __assign({}, props, { step: props.step, icon: _jsx(PersonRoundedIcon, { fill: "#757575", style: {
                         display: 'flex',
@@ -237,13 +201,6 @@ function ProjectIconComponent(props) {
             width: 23,
         } }, void 0));
 }
-function PropertyIconComponent(props) {
-    return (_jsx(PropertyIcon, { className: props.className, fill: "#757575", style: {
-            display: 'flex',
-            height: 23,
-            width: 23,
-        } }, void 0));
-}
 function DocumentIconComponent(props) {
     return (_jsx("div", __assign({ style: {
             marginRight: 2,
@@ -262,5 +219,4 @@ function SpaceTypeIconComponent(props) {
 }
 var SpaceTypeIcon = function (props) { return (_jsxs("svg", __assign({ fill: props.fill, className: props.class, style: props.style, width: "512pt", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" }, { children: [_jsx("title", { children: "SpaceType" }, void 0), _jsxs("g", __assign({ id: "space_type", "data-name": "space type" }, { children: [_jsx("path", { d: "M29.74,39A10.21,10.21,0,0,0,27.61,39,1.63,1.63,0,0,0,26,40.61V53.35A1.63,1.63,0,0,0,27.61,55h1.74A1.63,1.63,0,0,0,31,53.35V40.61A1.63,1.63,0,0,0,29.74,39Z" }, void 0), _jsx("path", { d: "M57.35,39a10.27,10.27,0,0,0-2.13.05A1.63,1.63,0,0,0,54,40.61V53.35A1.63,1.63,0,0,0,55.61,55h1.74A1.63,1.63,0,0,0,59,53.35V40.61A1.63,1.63,0,0,0,57.35,39Z" }, void 0), _jsx("path", { d: "M33,54a1,1,0,0,0,1,1H51a1,1,0,0,0,1-1V49H33Z" }, void 0), _jsx("path", { d: "M49,42H36a3,3,0,0,0-3,3v2H52V45A3,3,0,0,0,49,42Z" }, void 0), _jsx("path", { d: "M54,31a5,5,0,0,0-5-5H36a5,5,0,0,0-5,5v6.39a3.62,3.62,0,0,1,1.86,2.24A4.68,4.68,0,0,1,33,41c1.37-1.37,4.2-1,16-1a5,5,0,0,1,2.68.78c.64.39.07.39.46-1.15a3.65,3.65,0,0,1,1.43-2C54.15,37.19,54,38.41,54,31Z" }, void 0), _jsx("path", { d: "M17,32c-5.85,0-4.33,0-4-.05a7.06,7.06,0,0,0,6-7,7,7,0,0,0-4.47,1.59,7.08,7.08,0,0,0-2.07-5.05,7.06,7.06,0,0,0-2.07,5.05,7,7,0,0,0-4.47-1.59,7.07,7.07,0,0,0,6,7c.36.08,1.89.05-4,.05l1.71,6H3V55H5V50H20v5h2V38H15.26ZM15,45H10V43h5Z" }, void 0), _jsx("path", { d: "M26,21h6L31,10H19L18,21h6V40.61a3.63,3.63,0,0,1,2-3.24Z" }, void 0)] }), void 0)] }), void 0)); };
 var DocumentIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, id: "bold", enableBackground: "new 0 0 24 24", height: "512", viewBox: "0 0 24 24", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m21.25 3h-18.5c-1.517 0-2.75 1.233-2.75 2.75v12.5c0 1.517 1.233 2.75 2.75 2.75h18.5c1.517 0 2.75-1.233 2.75-2.75v-12.5c0-1.517-1.233-2.75-2.75-2.75zm-13.75 4c1.378 0 2.5 1.122 2.5 2.5s-1.122 2.5-2.5 2.5-2.5-1.122-2.5-2.5 1.122-2.5 2.5-2.5zm4.5 9.25c0 .414-.336.75-.75.75h-7.5c-.414 0-.75-.336-.75-.75v-.5c0-1.517 1.233-2.75 2.75-2.75h3.5c1.517 0 2.75 1.233 2.75 2.75zm8.25.75h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75zm0-4h-5.5c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h5.5c.414 0 .75.336.75.75s-.336.75-.75.75z" }, void 0) }), void 0)); };
-var PropertyIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "512", viewBox: "0 0 512 512", width: "512", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("g", __assign({ id: "_01-home", "data-name": "01-home" }, { children: _jsxs("g", __assign({ id: "glyph" }, { children: [_jsx("path", { d: "m256 4c-108.075 0-196 87.925-196 196 0 52.5 31.807 119.92 94.537 200.378a1065.816 1065.816 0 0 0 93.169 104.294 12 12 0 0 0 16.588 0 1065.816 1065.816 0 0 0 93.169-104.294c62.73-80.458 94.537-147.878 94.537-200.378 0-108.075-87.925-196-196-196zm0 336c-77.2 0-140-62.8-140-140s62.8-140 140-140 140 62.8 140 140-62.8 140-140 140z" }, void 0), _jsx("path", { d: "m352.072 183.121-88-80a12 12 0 0 0 -16.144 0l-88 80a12.006 12.006 0 0 0 -2.23 15.039 12.331 12.331 0 0 0 10.66 5.84h11.642v76a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-44a12 12 0 0 1 12-12h24a12 12 0 0 1 12 12v44a12 12 0 0 0 12 12h28a12 12 0 0 0 12-12v-76h11.642a12.331 12.331 0 0 0 10.66-5.84 12.006 12.006 0 0 0 -2.23-15.039z" }, void 0)] }), void 0) }), void 0) }), void 0)); };
 var ProjectIcon = function (props) { return (_jsx("svg", __assign({ fill: props.fill, className: props.class, style: props.style, height: "480pt", viewBox: "0 -8 480 480", width: "480pt", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "m440 448v-49.960938c10.546875-6.214843 16.726562-17.816406 16-30.039062 0-17.671875-10.742188-32-24-32s-24 14.328125-24 32c-.726562 12.222656 5.453125 23.824219 16 30.039062v49.960938h-56v-243.054688l-48-24v43.054688h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v32h24v16h-24v16h-16v-321.96875l-96-27.421875v29.390625h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v32h56v16h-56v16h-16v-448h-144v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v32h72v16h-72v16h-48v16h480v-16zm0 0" }, void 0) }), void 0)); };

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -44,8 +44,9 @@ function ClassifierSelector(_a) {
     var options = classifier.children
         .filter(function (classifier) {
         var _a;
-        return ((_a = step.options[classifier._id]) === null || _a === void 0 ? void 0 : _a.type) !==
-            ClassifierOptionTypes.HIDE;
+        return ((_a = step.options[typeof classifier === 'string'
+            ? classifier
+            : classifier === null || classifier === void 0 ? void 0 : classifier._id]) === null || _a === void 0 ? void 0 : _a.type) !== ClassifierOptionTypes.HIDE;
     })
         .map(function (classifier) {
         var _a;

package/dist/FormComponents/Step/RatingStep/MaterialRatingStep/MaterialRatingStep.js

@@ -25,7 +25,7 @@ function MaterialRatingStep(_a) {
                 }, shouldUnregister: true, render: function (_a) {
                     var _b, _c, _d, _e, _f;
                     var field = _a.field;
-                    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.ratingContainer }, { children: _jsx(Rating, { type: step.ratingType, isMobile: widthStats.isMobile, focusColor: (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f', unSelectedColor: (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8', disabled: !editable || postview, value: field.value, onChange: field.onChange, inputRef: field.ref }, void 0) }), void 0), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
+                    return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.ratingContainer }, { children: _jsx(Rating, { name: step.id, type: step.ratingType, isMobile: widthStats.isMobile, focusColor: (_b = formStyle.primaryColor) !== null && _b !== void 0 ? _b : '#3d5a7f', unSelectedColor: (_c = formStyle.outlineColor) !== null && _c !== void 0 ? _c : '#b8b8b8', disabled: !editable || postview, value: field.value, onChange: field.onChange, inputRef: field.ref }, void 0) }), void 0), (step.description || step.required) && (_jsx("div", __assign({ className: styles.stepDescriptionLabel, style: {
                                     color: !!errors[step.id] &&
                                         field.value === null
                                         ? (_d = formStyle.errorColor) !== null && _d !== void 0 ? _d : '#cc2936'

package/dist/FormComponents/Step/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -65,8 +65,8 @@ import { cloneElement, useEffect, useState } from 'react';
 import React from 'react';
 function SmartSelect(_a) {
     var _this = this;
-    var _b, _c, _d;
-    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, dependencyStore = _a.dependencyStore, _e = _a.calcInvalidDeps, calcInvalidDeps = _e === void 0 ? function (step, depStore) {
+    var _b, _c, _d, _e;
+    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
         var _a;
         var missingDeps = [];
         for (var _i = 0, _b = (_a = step.dependencies) !== null && _a !== void 0 ? _a : []; _i < _b.length; _i++) {
@@ -76,10 +76,10 @@ function SmartSelect(_a) {
             }
         }
         return missingDeps;
-    } : _e, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "dependencyStore", "calcInvalidDeps", "getOptionSelected", "setDependencyStore"]);
-    var _f = useState(true), first = _f[0], setFirst = _f[1];
-    var _g = useState(), options = _g[0], setOptions = _g[1];
-    var _h = useState(), error = _h[0], setError = _h[1];
+    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
+    var _g = useState(true), first = _g[0], setFirst = _g[1];
+    var _h = useState(), options = _h[0], setOptions = _h[1];
+    var _j = useState(), error = _j[0], setError = _j[1];
     var calcOptions = function (currentValue, invalidDeps) { return __awaiter(_this, void 0, void 0, function () {
         var resp, currentOption, invalids;
         var _a;
@@ -137,6 +137,7 @@ function SmartSelect(_a) {
             return [2 /*return*/];
         });
     }); };
+    var warning = getValueWarning === null || getValueWarning === void 0 ? void 0 : getValueWarning(value);
     return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.container, style: {
                     width: widthStats.currentBreakPoint <= step.size
                         ? '100%'
@@ -155,9 +156,11 @@ function SmartSelect(_a) {
                             ? onChange(valueOverwrite(value))
                             : onChange(value);
                         setError(undefined);
-                    }, getOptionSelected: getOptionSelected, helperText: error !== null && error !== void 0 ? error : (errors[step.id]
+                    }, getOptionSelected: getOptionSelected, helperText: (_e = error !== null && error !== void 0 ? error : warning) !== null && _e !== void 0 ? _e : (errors[step.id]
                         ? errors[step.id].message
-                        : step.description), error: error !== undefined || !!errors[step.id] }, void 0) }), void 0), children &&
+                        : step.description), error: error !== undefined ||
+                        (warning !== undefined && warning !== null) ||
+                        !!errors[step.id] }, void 0) }), void 0), children &&
                 cloneElement(children, {
                     value: value,
                     stepProps: __assign({ step: step, form: form, errors: errors, trigger: trigger, postview: postview, editable: editable, formStyle: formStyle, widthStats: widthStats, organization: organization, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),

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

@@ -13,6 +13,8 @@ export interface SmartSelectStepProps extends Omit<StepProps, 'step'> {
     getOptions: (idOrganization: string, step: GSmartSelect, dependencyStore: Record<string, any>) => Promise<any[] | null>;
     /** Function to determine the currently selected option */
     getOptionSelected: (option: any, value: any) => boolean;
+    /** Function to if currently selected option has warning */
+    getValueWarning?: (value: any) => string | null;
     /** Function that returns the error message based on the types of the missing Dependencies, undefined if no error msg */
     calcDepError?: (types: Types[]) => string | undefined;
     /** Function that returns the missing dependencies based on the current value */

package/dist/shared/Rating/Rating.d.ts

@@ -2,6 +2,7 @@
 import { RatingTypes } from '../../constants/FormStepTypes';
 export interface RatingProps {
     disabled?: boolean;
+    name: string;
     isMobile?: boolean;
     value: any;
     onChange: Function;

package/dist/shared/Rating/Ratings/ScaleRating.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { RatingProps } from '../Rating';
-declare function ScaleRating({ value, inputRef, disabled, onChange, isMobile, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
+declare function ScaleRating({ value, name, inputRef, disabled, onChange, isMobile, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
 export default ScaleRating;

package/dist/shared/Rating/Ratings/ScaleRating.js

@@ -42,7 +42,7 @@ var useRatingStyles = function (props) {
     });
 };
 function ScaleRating(_a) {
-    var value = _a.value, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, isMobile = _a.isMobile, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
+    var value = _a.value, name = _a.name, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, isMobile = _a.isMobile, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
     var ratingClasses = useRatingStyles({
         unSelectedColor: unSelectedColor,
         focusColor: focusColor,
@@ -50,7 +50,7 @@ function ScaleRating(_a) {
     return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
                     if (!disabled)
                         onChange(newValue);
-                }, disabled: disabled, classes: ratingClasses, name: "customized-icons", size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer }, void 0)] }, void 0));
+                }, disabled: disabled, classes: ratingClasses, name: name, size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer }, void 0)] }, void 0));
 }
 function IconContainer(_a) {
     var value = _a.value, other = __rest(_a, ["value"]);

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version":"1.6.4-test",
+    "version":"1.6.7-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",