@arquimedes.co/eureka-forms 1.9.19-test → 1.9.20

package/dist/App.js

@@ -1,3 +1,62 @@
+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 };
+    }
+};
+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;
+};
+var _a;
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import Loader from './shared/Loader/Loader';
@@ -9,16 +68,21 @@ import widgetInstance from './AxiosWidget';
 import InternalFormStyle from './constants/InternalFormStyle';
 import { calcCbrForm } from './utils/CbrFunctions';
 import CBRStepTypes from './constants/CBRFormStepTypes';
-function App({ apiKey, domain, preview, partial, formData, postview, editable = true, isWidget, internal, valuesData, customSend, customSteps, handleConfirmed, ...others }) {
-    const [form, setForm] = useState(undefined);
-    const [originalValues, setOriginalValues] = useState({});
-    const [organizationInfo, setOrganizationInfo] = useState(undefined);
-    const migrateFormData = (formData, valuesData) => {
-        const form = migrateForm(formData);
-        const steps = Object.values(form.steps);
-        const hasCBR = steps.find((step) => step.type.startsWith('CBR'));
+function App(_a) {
+    var _this = this;
+    var _b, _c, _d, _e;
+    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, partial = _a.partial, formData = _a.formData, postview = _a.postview, _f = _a.editable, editable = _f === void 0 ? true : _f, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSend = _a.customSend, customSteps = _a.customSteps, handleConfirmed = _a.handleConfirmed, others = __rest(_a, ["apiKey", "domain", "preview", "partial", "formData", "postview", "editable", "isWidget", "internal", "valuesData", "customSend", "customSteps", "handleConfirmed"]);
+    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 migrateFormData = function (formData, valuesData) {
+        var form = migrateForm(formData);
+        var steps = Object.values(form.steps);
+        var hasCBR = steps.find(function (step) {
+            return step.type.startsWith('CBR');
+        });
         if (hasCBR !== undefined) {
-            const CBRForm = calcCbrForm(form, valuesData ?? {});
+            var CBRForm = calcCbrForm(form, valuesData !== null && valuesData !== void 0 ? valuesData : {});
             setForm(CBRForm);
         }
         else {
@@ -28,20 +92,30 @@ function App({ apiKey, domain, preview, partial, formData, postview, editable =
             setOriginalValues(valuesData);
         }
     };
-    async function fetchPreview(formData, valuesData) {
-        const response = await widgetInstance.get('/organization');
-        if (response.data) {
-            setOrganizationInfo(response.data);
-            migrateFormData(formData, valuesData);
-        }
+    function fetchPreview(formData, valuesData) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, widgetInstance.get('/organization')];
+                    case 1:
+                        response = _a.sent();
+                        if (response.data) {
+                            setOrganizationInfo(response.data);
+                            migrateFormData(formData, valuesData);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
     }
-    useEffect(() => {
+    useEffect(function () {
         if (formData !== undefined) {
             if (preview && formData.isStandAlone) {
                 fetchPreview(formData, valuesData);
             }
             else {
-                migrateFormData({ ...formData }, valuesData);
+                migrateFormData(__assign({}, formData), valuesData);
                 setOrganizationInfo(null);
             }
         }
@@ -62,106 +136,141 @@ function App({ apiKey, domain, preview, partial, formData, postview, editable =
             setOrganizationInfo(null);
         }
     }, []);
-    const loadLogRocket = async () => {
-        if (organizationInfo && form !== undefined) {
-            if (process.env.NODE_ENV === 'production' &&
-                apiKey !== 'rCgWiEfOSN1TlUmHO28Y0' &&
-                apiKey !== 'FORMSTEST' &&
-                !internal &&
-                !postview &&
-                !preview) {
-                try {
-                    const LogRocket = await import('logrocket');
+    var loadLogRocket = function () { return __awaiter(_this, void 0, void 0, function () {
+        var LogRocket, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(organizationInfo && form !== undefined)) return [3 /*break*/, 4];
+                    if (!(process.env.NODE_ENV === 'production' &&
+                        apiKey !== 'rCgWiEfOSN1TlUmHO28Y0' &&
+                        apiKey !== 'FORMSTEST' &&
+                        !internal &&
+                        !postview &&
+                        !preview)) return [3 /*break*/, 4];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, import('logrocket')];
+                case 2:
+                    LogRocket = _a.sent();
                     LogRocket.default.init('63mg8a/forms-uv0gd');
                     LogRocket.default.identify(organizationInfo.idOrganization + '/' + apiKey, {
                         name: organizationInfo.name +
                             '/' +
-                            (form ? form?.name : '404'),
+                            (form ? form === null || form === void 0 ? void 0 : form.name : '404'),
                     });
-                }
-                catch (error) {
-                    console.error('LogRocker Error', error);
-                }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.error('LogRocker Error', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
-        }
-    };
-    useEffect(() => {
+        });
+    }); };
+    useEffect(function () {
         loadLogRocket();
     }, [organizationInfo, form]);
-    const containerRef = useRef();
-    const loadOrgInfo = async (domain) => {
-        try {
-            const response = domain
-                ? await widgetInstance.get(`/organization?idOrganization=${domain}`)
-                : await axiosInstance.get('/organization');
-            if (response?.data) {
-                if (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?.data);
-                    setOrganizationInfo(response?.data);
-                }
-                else {
+    var containerRef = useRef();
+    var loadOrgInfo = function (domain) { return __awaiter(_this, void 0, void 0, function () {
+        var response, _a, error_2;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 5, , 6]);
+                    if (!domain) return [3 /*break*/, 2];
+                    return [4 /*yield*/, widgetInstance.get("/organization?idOrganization=".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_2 = _b.sent();
+                    console.error(error_2);
                     setOrganizationInfo(null);
-                }
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
             }
-        }
-        catch (error) {
-            console.error(error);
-            setOrganizationInfo(null);
-        }
-    };
-    const loadInfo = async (apiKey, domain) => {
-        try {
-            const response = await (domain
-                ? widgetInstance.get(`/form/${apiKey}?idOrganization=${domain}`)
-                : axiosInstance.get(`/form/${apiKey}`));
-            if (response) {
-                migrateFormData(response.data, valuesData);
+        });
+    }); };
+    var loadInfo = function (apiKey, domain) { return __awaiter(_this, void 0, void 0, function () {
+        var response, error_3;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, (domain
+                            ? widgetInstance.get("/form/".concat(apiKey, "?idOrganization=").concat(domain))
+                            : axiosInstance.get("/form/".concat(apiKey)))];
+                case 1:
+                    response = _a.sent();
+                    if (response) {
+                        migrateFormData(response.data, valuesData);
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_3 = _a.sent();
+                    console.error(error_3);
+                    setForm(null);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
             }
-        }
-        catch (error) {
-            console.error(error);
-            setForm(null);
-        }
-    };
+        });
+    }); };
     if (form === undefined || organizationInfo === undefined) {
         if (isWidget) {
-            return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: _jsx(Loader, { size: 50, color: organizationInfo?.styles?.primaryColor ??
-                            '#b8b8b8' }) }) }));
+            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", { className: styles.curtain, children: _jsx(Loader, { size: 50, color: organizationInfo?.styles?.primaryColor ?? '#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' }) })));
     }
     else if (form === null) {
         if (organizationInfo === null) {
             if (isWidget) {
-                return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: "Error" }) }));
+                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" })) })));
             }
-            return _jsx("div", { className: styles.curtain, children: "Error" });
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }));
         }
         else {
             if (isWidget) {
-                return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: "404" }) }));
+                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "404" })) })));
             }
-            return _jsx("div", { className: styles.curtain, children: "404" });
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "404" }));
         }
     }
     else {
-        return (_jsx("div", { ref: containerRef, className: styles.container, children: _jsx(FormComponent, { ...others, form: form, reload: () => {
-                    const tempForm = { ...form };
+        return (_jsx("div", __assign({ ref: containerRef, className: styles.container }, { children: _jsx(FormComponent, __assign({}, others, { form: form, reload: function () {
+                    var tempForm = __assign({}, form);
                     setForm(undefined);
-                    setTimeout(() => {
+                    setTimeout(function () {
                         setForm(tempForm);
                     }, 100);
                     if (handleConfirmed) {
                         handleConfirmed();
                     }
-                }, editable: editable, postview: postview === true, partial: partial === true, internal: internal === true, apiKey: apiKey, domain: domain, customSend: customSend, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo ?? { idOrganization: domain }, customSteps: customSteps ?? {}, isWidget: isWidget === true }) }));
+                }, editable: editable, postview: postview === true, partial: partial === true, internal: internal === true, apiKey: apiKey, domain: domain, customSend: customSend, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo !== null && organizationInfo !== void 0 ? organizationInfo : { idOrganization: domain }, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {}, isWidget: isWidget === true })) })));
     }
 }
 export default App;
@@ -172,15 +281,16 @@ export var SIZES;
     SIZES["MEDIUM"] = "MEDIUM";
     SIZES["LARGE"] = "LARGE";
 })(SIZES || (SIZES = {}));
-export const SizesToNum = {
-    [SIZES.LARGE]: 4,
-    [SIZES.MEDIUM]: 2,
-    [SIZES.SMALL]: 1,
-};
-const migrateForm = (form) => {
-    const steps = { ...form.steps };
-    for (const idStep of Object.keys(form.steps)) {
-        const step = { ...form.steps[idStep] };
+export var SizesToNum = (_a = {},
+    _a[SIZES.LARGE] = 4,
+    _a[SIZES.MEDIUM] = 2,
+    _a[SIZES.SMALL] = 1,
+    _a);
+var migrateForm = function (form) {
+    var steps = __assign({}, form.steps);
+    for (var _i = 0, _a = Object.keys(form.steps); _i < _a.length; _i++) {
+        var idStep = _a[_i];
+        var step = __assign({}, form.steps[idStep]);
         if (step.size && isNaN(step.size)) {
             step.size = getStaticWidth(step);
         }
@@ -200,10 +310,7 @@ const migrateForm = (form) => {
         }
         steps[idStep] = step;
     }
-    const newForm = {
-        ...form,
-        steps,
-    };
+    var newForm = __assign(__assign({}, form), { steps: steps });
     if (form.size === undefined) {
         if (form.spacingSize) {
             newForm.size = {

package/dist/AxiosAPI.js

@@ -1,8 +1,8 @@
 import axios from 'axios';
-let headers = {};
-const axiosInstance = axios.create({
+var headers = {};
+var axiosInstance = axios.create({
     baseURL: '/api',
     timeout: 30000,
-    headers,
+    headers: headers,
 });
 export default axiosInstance;

package/dist/AxiosWidget.js

@@ -1,8 +1,8 @@
 import axios from 'axios';
-let headers = {};
-const widgetInstance = axios.create({
-    baseURL: `https://api.forms.${process.env.REACT_APP_DOMAIN}/api`,
+var headers = {};
+var widgetInstance = axios.create({
+    baseURL: "https://api.forms.".concat(process.env.REACT_APP_DOMAIN, "/api"),
     timeout: 30000,
-    headers,
+    headers: headers,
 });
 export default widgetInstance;