@arquimedes.co/eureka-forms 1.9.51-test → 1.9.53-test

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

@@ -1,22 +1,18 @@
 import { FormStyleTypes, FormTypes } from '../constants/FormStepTypes';
 import { FormStep } from './FormStep';
 export interface Form {
-    apiKey: string;
+    apiKey?: string;
+    name?: string;
     sections: Record<string, Section>;
     steps: Record<string, FormStep>;
-    firstSection: string;
-    name: string;
-    type: FormTypes;
-    description: string;
-    isInternal: boolean;
-    isPublic: boolean;
-    hasCaptcha: boolean;
-    url: string;
-    isStandAlone: boolean;
-    style: FormStyle;
-    classifiers: Record<string, ParentClassifier>;
-    terms: Term[];
     size: FormSize;
+    firstSection: string;
+    type?: FormTypes;
+    hasCaptcha?: boolean;
+    isStandAlone?: boolean;
+    style?: FormStyle;
+    classifiers?: Record<string, ParentClassifier>;
+    terms?: Term[];
 }
 export interface FormSize {
     blockNum: 1 | 2 | 3 | 4;

package/dist/App.d.ts

@@ -26,7 +26,7 @@ export interface AppProps {
     /** Custom steps to display */
     customSteps?: Record<string, CustomStep>;
     /** Custom function to call on send */
-    customSend?: (values: any, reload: Function) => Promise<void>;
+    customSend?: (values: any, reload: Function, setLoading: (loading: boolean) => void) => Promise<void>;
     /** Custom submit buttons */
     customSubmit?: JSX.Element;
     /** Function to call on postview to fetch the download url of a file */

package/dist/App.js

@@ -161,7 +161,7 @@ function App(_a) {
                     LogRocket.default.identify(organizationInfo.idOrganization + '/' + apiKey, {
                         name: organizationInfo.name +
                             '/' +
-                            (form ? form === null || form === void 0 ? void 0 : form.name : '404'),
+                            ((form === null || form === void 0 ? void 0 : form.name) ? form === null || form === void 0 ? void 0 : form.name : '404'),
                     });
                     return [3 /*break*/, 4];
                 case 3:
@@ -406,7 +406,7 @@ var mapOriginalValues = function (originalValues, form) {
     return newValues;
 };
 var mapOriginalValue = function (step, value, form) {
-    var _a, _b;
+    var _a, _b, _c;
     switch (step === null || step === void 0 ? void 0 : step.type) {
         case StepTypes.TEXTAREA: {
             if (step.hasTextEditor) {
@@ -421,7 +421,7 @@ var mapOriginalValue = function (step, value, form) {
             return value;
         }
         case StepTypes.CLASSIFIER_SELECTOR: {
-            var classifier = form.classifiers[(_b = step.idClassifier) !== null && _b !== void 0 ? _b : ''];
+            var classifier = (_b = form.classifiers) === null || _b === void 0 ? void 0 : _b[(_c = step.idClassifier) !== null && _c !== void 0 ? _c : ''];
             if (classifier) {
                 var option = classifier.children.find(function (child) { return child._id == value; });
                 if (!(value === null || value === void 0 ? void 0 : value.value))

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

@@ -119,10 +119,8 @@ function ColumnForm(_a) {
                         newValues[idStep] = calcValue(idStep, form.steps, values, customSteps);
                     }
                     if (!customSend) return [3 /*break*/, 4];
-                    return [4 /*yield*/, customSend(newValues, reload)];
-                case 3:
-                    _c.sent();
-                    return [3 /*break*/, 9];
+                    return [4 /*yield*/, customSend(newValues, reload, setLoading)];
+                case 3: return [2 /*return*/, _c.sent()];
                 case 4:
                     payload = {
                         formValues: { steps: newValues },

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

@@ -13,7 +13,7 @@ export interface FormComponentProps {
     organization: Organization;
     originalValues: Record<string, unknown>;
     customSteps: Record<string, CustomStep>;
-    customSend?: (values: any, reload: Function) => Promise<void>;
+    customSend?: (values: any, reload: Function, setLoading: (loading: boolean) => void) => Promise<void>;
     customSubmit?: JSX.Element;
     widthStats: WidthStats;
     internal: boolean;

package/dist/FormComponents/Form/Form.js

@@ -48,10 +48,10 @@ export var getLocale = function () {
             navigator.browserLanguage]) !== null && _a !== void 0 ? _a : localeMap.es);
 };
 function FormComponent(_a) {
-    var _b, _c;
+    var _b, _c, _d, _e, _f, _g;
     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 _d = useState(false), loaded = _d[0], setLoaded = _d[1];
-    var _e = useState(undefined), widthStats = _e[0], setWidthStats = _e[1];
+    var _h = useState(false), loaded = _h[0], setLoaded = _h[1];
+    var _j = useState(undefined), widthStats = _j[0], setWidthStats = _j[1];
     /** Calcs the currentBreakPoint and if is mobile */
     var handleResize = function () {
         var _a;
@@ -88,7 +88,7 @@ function FormComponent(_a) {
     if ((postview || internal || !form.isStandAlone) &&
         widthStats !== undefined) {
         return (_jsx("div", __assign({ style: {
-                backgroundColor: internal
+                backgroundColor: internal || !form.style
                     ? InternalFormStyle.backgroundColor
                     : form.style.backgroundColor,
                 minHeight: form.isStandAlone && !isWidget ? '100vh' : '100%',
@@ -96,16 +96,16 @@ function FormComponent(_a) {
                         setLoaded(true);
                     }, widthStats: widthStats, form: form, internal: internal, postview: postview, organization: organization, formStyle: internal
                         ? InternalFormStyle
-                        : __assign(__assign({}, InternalFormStyle), form.style) })) })) })));
+                        : __assign(__assign({}, InternalFormStyle), ((_c = form.style) !== null && _c !== void 0 ? _c : {})) })) })) })));
     }
     else if (organization && widthStats !== undefined) {
         //Standalone cant have widget
-        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.logoUrl, color: (_c = organization.styles) === null || _c === void 0 ? void 0 : _c.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef }, { children: _jsx("div", __assign({ className: widthStats.isResponsive
+        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: organization.logoUrl, color: (_d = organization.styles) === null || _d === void 0 ? void 0 : _d.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef }, { children: _jsx("div", __assign({ className: widthStats.isResponsive
                             ? styles.fullScreenStandAloneForm
                             : styles.standAloneFormCard, style: {
-                            backgroundColor: form.style.backgroundColor,
+                            backgroundColor: (_f = (_e = form.style) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : InternalFormStyle.backgroundColor,
                             visibility: loaded ? 'visible' : 'hidden',
-                        } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: form.style, organization: organization, handleLoaded: function () {
+                        } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: (_g = form.style) !== null && _g !== void 0 ? _g : InternalFormStyle, organization: organization, handleLoaded: function () {
                                 setLoaded(true);
                             } })) })) }))] }));
     }
@@ -126,12 +126,10 @@ function FormTypeComponent(_a) {
     var props = __rest(_a, []);
     var renderTypes = function () {
         switch (props.form.type) {
-            case FormTypes.COLUMN: {
-                return _jsx(ColumnForm, __assign({}, props));
-            }
             case FormTypes.STEPPER: {
                 return _jsx(StepperForm, __assign({}, props));
             }
+            case FormTypes.COLUMN:
             default: {
                 return _jsx(ColumnForm, __assign({}, props));
             }

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

@@ -30,14 +30,15 @@ import { Controller } from 'react-hook-form';
 import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
 import RoundedSmartSelect from '../../../../shared/RoundedSmartSelect/RoundedSmartSelect';
 function ClassifierSelector(_a) {
+    var _b;
     var step = _a.step, form = _a.form, level = _a.level, errors = _a.errors, value = _a.value, onBlur = _a.onBlur, control = _a.control, editable = _a.editable, onChange = _a.onChange, postview = _a.postview, inputRef = _a.inputRef, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, others = __rest(_a, ["step", "form", "level", "errors", "value", "onBlur", "control", "editable", "onChange", "postview", "inputRef", "formStyle", "getValues", "widthStats", "handleSizeChange"]);
-    var _b = useState(level === 0
+    var _c = useState(level === 0
         ? calcFillerSize(step, form.steps, getValues(), form.size)
-        : 0), fillerSize = _b[0], setFillerSize = _b[1];
+        : 0), fillerSize = _c[0], setFillerSize = _c[1];
     if (!step.idClassifier) {
         return _jsx("div", {});
     }
-    var classifier = form.classifiers[step.idClassifier];
+    var classifier = (_b = form.classifiers) === null || _b === void 0 ? void 0 : _b[step.idClassifier];
     if (!classifier) {
         return _jsx("div", {});
     }
@@ -49,11 +50,11 @@ function ClassifierSelector(_a) {
             : classifier === null || classifier === void 0 ? void 0 : classifier._id]) === null || _a === void 0 ? void 0 : _a.type) !== ClassifierOptionTypes.HIDE;
     })
         .map(function (classifier) {
-        var _a;
+        var _a, _b;
         return typeof classifier === 'string'
             ? {
                 value: classifier,
-                label: (_a = form.classifiers[classifier]) === null || _a === void 0 ? void 0 : _a.name,
+                label: (_b = (_a = form.classifiers) === null || _a === void 0 ? void 0 : _a[classifier]) === null || _b === void 0 ? void 0 : _b.name,
             }
             : { value: classifier._id, label: classifier.name };
     });

package/package.json

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