@arquimedes.co/eureka-forms 0.2.43 → 0.2.47-test

package/dist/App.js

@@ -67,42 +67,11 @@ import StepTypes from './constants/FormStepTypes';
 import axiosInstance from './AxiosAPI';
 function App(_a) {
     var _this = this;
+    var _b, _c;
     var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSteps = _a.customSteps, handleConfirmed = _a.handleConfirmed, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData", "customSteps", "handleConfirmed"]);
-    var _b = useState(undefined), form = _b[0], setForm = _b[1];
-    var _c = useState({}), originalValues = _c[0], setOriginalValues = _c[1];
-    var _d = useState(undefined), organizationInfo = _d[0], setOrganizationInfo = _d[1];
-    //
-    function fetchOrgData(domain) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response, _a, currentOrg;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        if (!domain) return [3 /*break*/, 2];
-                        return [4 /*yield*/, axios.get("https://".concat(domain, ".forms.").concat(process.env.REACT_APP_DOMAIN, "/api/organization?domain=").concat(domain))];
-                    case 1:
-                        _a = _b.sent();
-                        return [3 /*break*/, 4];
-                    case 2: return [4 /*yield*/, axiosInstance.get('/organization')];
-                    case 3:
-                        _a = _b.sent();
-                        _b.label = 4;
-                    case 4:
-                        response = _a;
-                        if (response === null || response === void 0 ? void 0 : response.data) {
-                            currentOrg = response.data;
-                            // document.title = currentOrg.name;
-                            // const favicon: any = document.getElementById('favicon');
-                            // if (favicon !== undefined) {
-                            //     favicon.href = currentOrg.partialLogoUrl;
-                            // }
-                            return [2 /*return*/, currentOrg];
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    }
+    var _d = useState(undefined), form = _d[0], setForm = _d[1];
+    var _e = useState({}), originalValues = _e[0], setOriginalValues = _e[1];
+    var _f = useState(undefined), organizationInfo = _f[0], setOrganizationInfo = _f[1];
     function fetchPreview(formData) {
         return __awaiter(this, void 0, void 0, function () {
             var response;
@@ -135,52 +104,88 @@ function App(_a) {
         }
         else if (!isWidget && apiKey) {
             //Is iframe
+            loadOrgInfo(domain);
             loadInfo(apiKey, domain);
         }
         else if (isWidget && apiKey && domain) {
             //Is iframe
+            loadOrgInfo(domain);
             loadInfo(apiKey, domain);
         }
         else {
-            console.log('ERROREMBED');
+            console.error('ERROREMBED');
             //Error in embed
             setForm(null);
             setOrganizationInfo(null);
         }
     }, []);
     var containerRef = useRef();
-    var loadInfo = function (apiKey, domain) { return __awaiter(_this, void 0, void 0, function () {
-        var url, _a, response, orgInfo, error_1;
+    var loadOrgInfo = function (domain) { return __awaiter(_this, void 0, void 0, function () {
+        var response, _a, error_1;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    _b.trys.push([0, 2, , 3]);
+                    _b.trys.push([0, 5, , 6]);
+                    if (!domain) return [3 /*break*/, 2];
+                    return [4 /*yield*/, axios.get("https://".concat(domain, ".forms.").concat(process.env.REACT_APP_DOMAIN, "/api/organization?domain=").concat(domain))];
+                case 1:
+                    _a = _b.sent();
+                    return [3 /*break*/, 4];
+                case 2: return [4 /*yield*/, axiosInstance.get('/organization')];
+                case 3:
+                    _a = _b.sent();
+                    _b.label = 4;
+                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);
+                        }
+                    }
+                    return [3 /*break*/, 6];
+                case 5:
+                    error_1 = _b.sent();
+                    console.error(error_1);
+                    setOrganizationInfo(null);
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    var loadInfo = function (apiKey, domain) { return __awaiter(_this, void 0, void 0, function () {
+        var url, response, error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
                     url = "https://".concat(domain, ".forms.").concat(process.env.REACT_APP_DOMAIN, "/api/form/").concat(apiKey, "?domain=").concat(domain);
-                    return [4 /*yield*/, Promise.all([
-                            domain ? axios.get(url) : axiosInstance.get("/form/".concat(apiKey)),
-                            fetchOrgData(domain),
-                        ])];
+                    return [4 /*yield*/, (domain
+                            ? axios.get(url)
+                            : axiosInstance.get("/form/".concat(apiKey)))];
                 case 1:
-                    _a = _b.sent(), response = _a[0], orgInfo = _a[1];
+                    response = _a.sent();
                     if (response) {
                         setForm(migrateFormData(response.data));
                         if (valuesData !== undefined) {
                             setOriginalValues(valuesData);
                         }
                     }
-                    if (orgInfo) {
-                        console.log(orgInfo);
-                        setOrganizationInfo(orgInfo);
-                    }
-                    else {
-                        setOrganizationInfo(null);
-                    }
                     return [3 /*break*/, 3];
                 case 2:
-                    error_1 = _b.sent();
-                    console.error(error_1);
+                    error_2 = _a.sent();
+                    console.error(error_2);
                     setForm(null);
-                    setOrganizationInfo(null);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
@@ -188,14 +193,12 @@ 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: 'var(--outlineGrey)' }, void 0) }), void 0) }), void 0));
+            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_b = organizationInfo === null || organizationInfo === void 0 ? void 0 : organizationInfo.navbarColor) !== null && _b !== void 0 ? _b : '#b8b8b8' }, void 0) }), void 0) }), void 0));
         }
-        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: 'var(--outlineGrey)' }, void 0) }), void 0));
+        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_c = organizationInfo === null || organizationInfo === void 0 ? void 0 : organizationInfo.navbarColor) !== null && _c !== void 0 ? _c : '#b8b8b8' }, void 0) }), void 0));
     }
     else if (form === null) {
-        console.log('FORM IS NULL');
         if (organizationInfo === null) {
-            console.log('ORG IS NULL');
             if (isWidget) {
                 return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }), void 0) }), void 0));
             }

package/dist/App.module.css

@@ -9,6 +9,9 @@
     background-color: white;
 }
 
+#widget:eureka {
+    min-height: inherit;
+}
 .container {
     width: 100%;
     position: relative;
@@ -18,6 +21,7 @@
     position: relative;
     max-width: 100%;
     height: 100%;
+    min-height: inherit;
 }
 
 .container *,

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

@@ -98,9 +98,8 @@ function ColumnForm(_a) {
                 case 1:
                     valid = _c.sent();
                     values = getValues();
-                    console.log(values);
                     if (!!valid) return [3 /*break*/, 2];
-                    console.log('ERRORS:', errors);
+                    console.error('ERRORS:', errors);
                     setTempError(true);
                     setTimeout(function () {
                         setTempError(false);
@@ -113,7 +112,6 @@ function ColumnForm(_a) {
                         idStep = _a[_i];
                         updateValue(idStep, values, form, customSteps);
                     }
-                    console.log('UPDATED:', values);
                     url = "https://".concat(domain, ".forms.").concat(process.env.REACT_APP_DOMAIN, "/api/ticket?apiKey=").concat(internal ? form.apiKey : apiKey, "&domain=").concat(domain);
                     payload = {
                         formValues: { steps: values },
@@ -129,7 +127,6 @@ function ColumnForm(_a) {
                     _c.label = 6;
                 case 6:
                     resp = _b;
-                    console.log(resp);
                     setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
                     setLoading(false);
                     return [3 /*break*/, 8];

package/dist/FormComponents/Form/Form.js

@@ -94,7 +94,6 @@ function FormComponent(_a) {
                             : styles.standAloneFormCard, style: { backgroundColor: form.style.backgroundColor } }, { children: _jsx(FormTypeComponent, __assign({}, others, { internal: internal, postview: postview, widthStats: widthStats, form: form, formStyle: form.style }), void 0) }), void 0) }), void 0)] }, void 0));
     }
     else {
-        console.log(__assign(__assign({ form: form, internal: internal, postview: postview, organization: organization }, others), { widthStats: widthStats }));
         return _jsx("div", {}, void 0);
     }
 }

package/dist/FormComponents/Section/MaterialSection/MaterialSection.js

@@ -34,7 +34,7 @@ function MaterialSection(_a) {
                 return (_createElement(StepComponent, __assign({}, others, { form: form, step: step, handleSizeChange: function () { }, key: index, level: 0 })));
             }
             else {
-                console.log('Step not found:', idStep);
+                console.error('Step not found:', idStep);
                 return _jsx("div", {}, index);
             }
         }) }), void 0));

package/dist/Widget.js

@@ -51,6 +51,7 @@ if (element) {
     if (preview) {
         props.preview = true;
     }
+    // eslint-disable-next-line no-console
     console.log(props);
 }
 ReactDOM.render(_jsx(App, __assign({ isWidget: true }, props), void 0), document.getElementById(WIDGET_ID));

package/dist/index.js

@@ -19,6 +19,8 @@ var dataValues = undefined;
 if (values) {
     try {
         dataValues = JSON.parse(decodeURIComponent(values));
+        // eslint-disable-next-line no-console
+        console.log('DATA:', dataValues);
     }
     catch (error) {
         console.error('Invalid data-values JSON', error);

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -62,7 +62,7 @@ var useDatePickerStyles = function (props) {
             '& .EF-MuiOutlinedInput-notchedOutline': {
                 borderColor: props.outlineColor,
                 '& span': {
-                    fontSize: props.fontSize,
+                    fontSize: '0.75rem',
                 },
             },
             '&.Mui-error .EF-MuiOutlinedInput-notchedOutline': {

package/package.json

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