@arquimedes.co/eureka-forms 1.9.83-test → 1.9.85-test

package/dist/App.js

@@ -0,0 +1,470 @@
+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';
+import styles from './App.module.css';
+import FormComponent from './FormComponents/Form/Form';
+import StepTypes from './constants/FormStepTypes';
+import axiosInstance from './AxiosAPI';
+import widgetInstance from './AxiosWidget';
+import InternalFormStyle from './constants/InternalFormStyle';
+import { calcCbrForm } from './utils/CbrFunctions';
+import CBRStepTypes from './constants/CBRFormStepTypes';
+import { nanoid } from 'nanoid';
+import { EditorState, convertFromRaw } from 'draft-js';
+import { stringToDraft, getRawText, } from './FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep';
+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, classifiers = _a.classifiers, handleConfirmed = _a.handleConfirmed, customStepProps = _a.customStepProps, others = __rest(_a, ["apiKey", "domain", "preview", "partial", "formData", "postview", "editable", "isWidget", "internal", "valuesData", "customSend", "customSteps", "classifiers", "handleConfirmed", "customStepProps"]);
+    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, classifiers);
+        var steps = Object.values(form.steps);
+        var hasCBR = steps.find(function (step) {
+            return step.type.startsWith('CBR');
+        });
+        if (hasCBR !== undefined) {
+            var CBRForm = calcCbrForm(form, valuesData !== null && valuesData !== void 0 ? valuesData : {});
+            setForm(CBRForm);
+        }
+        else {
+            setForm(form);
+        }
+        if (valuesData !== undefined) {
+            setOriginalValues(mapOriginalValues(valuesData, form));
+        }
+    };
+    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(function () {
+        if (formData !== undefined) {
+            if (preview && formData.isStandAlone) {
+                fetchPreview(formData, valuesData);
+            }
+            else {
+                migrateFormData(__assign({}, formData), valuesData);
+                setOrganizationInfo(null);
+            }
+        }
+        else if (!isWidget && apiKey) {
+            //Is iframe
+            loadOrgInfo(domain);
+            loadInfo(apiKey, domain);
+        }
+        else if (isWidget && apiKey && domain) {
+            //Is widget
+            loadOrgInfo(domain);
+            loadInfo(apiKey, domain);
+        }
+        else {
+            console.error('ERROREMBED');
+            //Error in embed
+            setForm(null);
+            setOrganizationInfo(null);
+        }
+    }, []);
+    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 === null || form === void 0 ? void 0 : form.name) ? form === null || form === void 0 ? void 0 : form.name : '404'),
+                    });
+                    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(function () {
+        loadLogRocket();
+    }, [organizationInfo, form]);
+    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*/];
+            }
+        });
+    }); };
+    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*/];
+            }
+        });
+    }); };
+    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.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", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" })) })));
+            }
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }));
+        }
+        else {
+            if (isWidget) {
+                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "404" })) })));
+            }
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "404" }));
+        }
+    }
+    else {
+        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(function () {
+                        setForm(tempForm);
+                    }, 100);
+                    if (handleConfirmed) {
+                        handleConfirmed();
+                    }
+                }, editable: editable, postview: postview === true, preview: preview === 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 : {}, customStepProps: customStepProps !== null && customStepProps !== void 0 ? customStepProps : {}, isWidget: isWidget === true })) })));
+    }
+}
+export default App;
+//THIS IS TEMP
+export var SIZES;
+(function (SIZES) {
+    SIZES["SMALL"] = "SMALL";
+    SIZES["MEDIUM"] = "MEDIUM";
+    SIZES["LARGE"] = "LARGE";
+})(SIZES || (SIZES = {}));
+export var SizesToNum = (_a = {},
+    _a[SIZES.LARGE] = 4,
+    _a[SIZES.MEDIUM] = 2,
+    _a[SIZES.SMALL] = 1,
+    _a);
+var migrateForm = function (form, classifiers) {
+    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);
+        }
+        if (step.type === CBRStepTypes.CBR_EMAIL) {
+            step.validation = {
+                value: /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+                    .source,
+                message: 'El correo no es válido',
+            };
+        }
+        else if (step.type === CBRStepTypes.CBR_PHONE ||
+            step.type === CBRStepTypes.CBR_CEL) {
+            step.validation = {
+                value: /^(\+[0-9])|([0-9])$/.source,
+                message: 'El teléfono no es válido',
+            };
+        }
+        steps[idStep] = step;
+    }
+    var newForm = __assign(__assign({}, form), { steps: steps });
+    if (form.size === undefined) {
+        if (form.spacingSize) {
+            newForm.size = {
+                spacingSize: form.spacingSize,
+                blockNum: form.blockNum,
+                blockSize: form.blockSize,
+            };
+        }
+        else {
+            newForm.size = {
+                spacingSize: 20,
+                blockNum: 4,
+                blockSize: 210,
+            };
+        }
+    }
+    if (form.style === undefined) {
+        newForm.style = InternalFormStyle;
+    }
+    if (form.classifiers) {
+        var mappedClassifiers = {};
+        for (var _b = 0, _c = Object.keys(form.classifiers); _b < _c.length; _b++) {
+            var idClassifier = _c[_b];
+            var classifier = __assign({}, form.classifiers[idClassifier]);
+            if (classifier.children &&
+                classifier.children.find(function (child) { return typeof child !== 'string'; })) {
+                var children = [];
+                for (var _d = 0, _e = classifier.children; _d < _e.length; _d++) {
+                    var child = _e[_d];
+                    if (typeof child === 'string') {
+                        children.push(child);
+                    }
+                    else if (child._id) {
+                        mappedClassifiers[child._id] = child;
+                        children.push(child._id);
+                    }
+                }
+                classifier.children = children;
+            }
+            mappedClassifiers[idClassifier] = classifier;
+        }
+        newForm.classifiers = mappedClassifiers;
+    }
+    else if (classifiers) {
+        newForm.classifiers = classifiers;
+    }
+    return newForm;
+};
+function getStaticWidth(step) {
+    if (step.type === StepTypes.SELECTOR ||
+        step.type === StepTypes.TEXTINPUT ||
+        step.type === StepTypes.CLASSIFIER_SELECTOR) {
+        switch (step.size) {
+            case SIZES.LARGE:
+                return 4;
+            case SIZES.MEDIUM:
+                return 2;
+            case SIZES.SMALL:
+                return 1;
+            default:
+                return 1;
+        }
+    }
+    else {
+        return 4;
+    }
+}
+var mapOriginalValues = function (originalValues, form) {
+    var _a;
+    var newValues = {};
+    for (var _i = 0, _b = Object.keys(originalValues); _i < _b.length; _i++) {
+        var idValue = _b[_i];
+        var step = form.steps[idValue];
+        if (step) {
+            if (step.type === StepTypes.MAPPER) {
+                var elements = originalValues[step.id];
+                var mappedElements = [];
+                for (var _c = 0, elements_1 = elements; _c < elements_1.length; _c++) {
+                    var element = elements_1[_c];
+                    var idElement = (_a = element.id) !== null && _a !== void 0 ? _a : nanoid();
+                    var mappedElement = {
+                        id: idElement,
+                        ids: {},
+                        value: element.value,
+                    };
+                    for (var _d = 0, _e = Object.keys(step.steps); _d < _e.length; _d++) {
+                        var idStep = _e[_d];
+                        var newIdStep = step.id + '-' + idStep + '-' + idElement;
+                        mappedElement.ids[idStep] = newIdStep;
+                        if (element[idStep] !== undefined) {
+                            var value = mapOriginalValue(step.steps[idStep], element[idStep], form);
+                            if (value !== undefined) {
+                                newValues[newIdStep] = value;
+                            }
+                        }
+                    }
+                    mappedElements.push(mappedElement);
+                }
+                newValues[step.id] = mappedElements;
+            }
+            else {
+                var value = mapOriginalValue(step, originalValues[step.id], form);
+                if (value !== undefined) {
+                    newValues[step.id] = value;
+                }
+            }
+        }
+        else {
+            newValues[idValue] = originalValues[idValue];
+        }
+    }
+    return newValues;
+};
+export var mapOriginalValue = function (step, value, form) {
+    var _a, _b, _c, _d;
+    switch (step === null || step === void 0 ? void 0 : step.type) {
+        case StepTypes.TEXTAREA: {
+            if (step.hasTextEditor) {
+                return calcDefaultDraftValue(value);
+            }
+            return (_a = value.value) !== null && _a !== void 0 ? _a : value;
+        }
+        case StepTypes.SELECTOR: {
+            var option = step.options.find(function (option) { return option.value == value; });
+            if (!(value === null || value === void 0 ? void 0 : value.value))
+                return option;
+            return value;
+        }
+        case StepTypes.CLASSIFIER_SELECTOR: {
+            var stepClassifier = (_b = form === null || form === void 0 ? void 0 : form.classifiers) === null || _b === void 0 ? void 0 : _b[(_c = step.idClassifier) !== null && _c !== void 0 ? _c : ''];
+            if (stepClassifier) {
+                var classifier = (_d = form.classifiers) === null || _d === void 0 ? void 0 : _d[value];
+                if (!(value === null || value === void 0 ? void 0 : value.value))
+                    return { value: value, label: classifier === null || classifier === void 0 ? void 0 : classifier.name };
+            }
+            break;
+        }
+        default:
+            if (step.type.startsWith('CBR_') &&
+                (value === null || value === void 0 ? void 0 : value.id) &&
+                typeof value.id === 'number') {
+                return __assign(__assign({}, value), { id: value.id.toString() });
+            }
+            return value;
+    }
+};
+var calcDefaultDraftValue = function (defaultValue) {
+    if (typeof defaultValue === 'string') {
+        return EditorState.createWithContent(convertFromRaw(stringToDraft(defaultValue)));
+    }
+    else {
+        return EditorState.createWithContent(convertFromRaw(getRawText(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.draft, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text)));
+    }
+};

package/dist/App.module.css

@@ -0,0 +1,34 @@
+.curtain {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: white;
+    z-index: 5000;
+}
+
+#widget:eureka {
+    min-height: inherit;
+}
+.container {
+    width: 100%;
+    position: relative;
+}
+
+.widgetContainer {
+    position: relative;
+    max-width: 100%;
+    height: 100%;
+    min-height: inherit;
+}
+
+.container *,
+.container *::after,
+.container *::before {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+}

package/dist/AxiosAPI.d.ts

@@ -0,0 +1,2 @@
+declare const axiosInstance: import("axios").AxiosInstance;
+export default axiosInstance;

package/dist/AxiosAPI.js

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

package/dist/AxiosWidget.d.ts

@@ -0,0 +1,2 @@
+declare const widgetInstance: import("axios").AxiosInstance;
+export default widgetInstance;

package/dist/AxiosWidget.js

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FormComponentProps } from '../Form';
+import { CustomStep } from '../../../App';
+import { FormStep } from '../../../@Types/FormStep';
+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;