@arquimedes.co/eureka-forms 2.0.34-test → 2.0.36-test

package/dist/App/App.js

@@ -0,0 +1,79 @@
+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 __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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useRef } from 'react';
+import Loader from '../Shared/Loader/Loader';
+import styles from './App.module.css';
+import './App.css';
+import FormComponent from '../Form/Form';
+import { Provider } from 'react-redux';
+import { store } from '../Utils/store';
+import { useLogRocket, useSetupApp } from './AppHooks';
+import { StoreContext, useAppSelector } from '../hooks';
+import CustomContext from '../Contexts/CustomContext';
+import { nanoid } from '@reduxjs/toolkit';
+export var IdFormContext = createContext('');
+function AppComponent(_a) {
+    var formData = _a.formData, valuesData = _a.valuesData, props = __rest(_a, ["formData", "valuesData"]);
+    var idForm = React.useState(nanoid(6))[0];
+    return (_jsx(IdFormContext.Provider, __assign({ value: idForm }, { children: _jsx(Provider, __assign({ store: store, context: StoreContext }, { children: _jsx(App, __assign({ formData: formData, valuesData: valuesData }, props)) })) })));
+}
+export default AppComponent;
+function App(_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var _h = _a.isWidget, isWidget = _h === void 0 ? true : _h, props = __rest(_a, ["isWidget"]);
+    var containerRef = useRef(null);
+    var loaded = useAppSelector(function (state) { return state.global.loaded; });
+    var _j = useSetupApp(isWidget, props), form = _j.form, organization = _j.organization, branding = _j.branding, reload = _j.reload;
+    useLogRocket(organization, form, props);
+    var loading = form === undefined || organization === undefined || !loaded;
+    if (loading) {
+        if (isWidget) {
+            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_c = (_b = branding === null || branding === void 0 ? void 0 : branding.colors) === 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 = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _d === void 0 ? void 0 : _d.primaryColor) !== null && _e !== void 0 ? _e : '#b8b8b8' }) })));
+    }
+    else if (form === null) {
+        if (organization === 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 {
+        var customSteps = (_f = props.customSteps) !== null && _f !== void 0 ? _f : {};
+        return (_jsx(CustomContext.Provider, __assign({ value: {
+                customSteps: customSteps,
+                sendLabel: props.sendLabel,
+                fetchDownloadUrl: props.fetchDownloadUrl,
+                customStepProps: (_g = props.customStepProps) !== null && _g !== void 0 ? _g : {},
+            } }, { children: _jsx("div", __assign({ className: styles.container }, { children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns }) })) })));
+    }
+}

package/dist/App/AppFunctions.js

@@ -0,0 +1,210 @@
+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);
+};
+import { nanoid } from 'nanoid';
+import StepTypes, { FormTypes } from '../constants/FormStepTypes';
+import { getRawText, stringToDraft } from '../Utils/DraftFunctions';
+import { calcSubSteps } from '../FormSteps/StepFunctions';
+export var calcValuesStore = function (form, originalValues, postview, customSteps) {
+    var _a;
+    var _b, _c;
+    if (originalValues === void 0) { originalValues = {}; }
+    if (postview === void 0) { postview = false; }
+    if (customSteps === void 0) { customSteps = {}; }
+    var values = {
+        global: {},
+        sections: {},
+    };
+    for (var _i = 0, _d = Object.keys(originalValues); _i < _d.length; _i++) {
+        var idValue = _d[_i];
+        var step = form.steps[idValue];
+        if (step && !((_b = form.hiddenSteps) === null || _b === void 0 ? void 0 : _b.includes(step.id))) {
+            var value = mapOriginalValue(step, originalValues[step.id], values, form);
+            if (value !== undefined) {
+                if (!values.sections[step.idSection])
+                    values.sections[step.idSection] = {};
+                values.sections[step.idSection][step.id] = value;
+            }
+        }
+        else {
+            values.global[idValue] = originalValues[idValue];
+        }
+    }
+    if (postview)
+        return values;
+    for (var _e = 0, _f = Object.values(form.sections); _e < _f.length; _e++) {
+        var section = _f[_e];
+        for (var _g = 0, _h = section.steps; _g < _h.length; _g++) {
+            var idStep = _h[_g];
+            var step = form.steps[idStep];
+            if (step.type !== StepTypes.MAPPER ||
+                ((_c = values.sections[step.idSection]) === null || _c === void 0 ? void 0 : _c[step.id]))
+                continue;
+            if (!values.sections[step.idSection])
+                values.sections[step.idSection] = {};
+            var _j = addMapperStep(step, customSteps), element = _j.element, mappers = _j.mappers;
+            values.sections[step.idSection] = __assign(__assign(__assign({}, values.sections[step.idSection]), mappers), (_a = {}, _a[step.id] = [element], _a));
+        }
+    }
+    return values;
+};
+export var addMapperStep = function (step, customSteps) {
+    var idElement = nanoid();
+    var element = {
+        ids: {},
+        id: idElement,
+        originalValues: {},
+        isOriginal: false,
+    };
+    var steps = {};
+    var mappers = {};
+    for (var _i = 0, _a = Object.keys(step.steps); _i < _a.length; _i++) {
+        var idStep = _a[_i];
+        var baseStep = JSON.parse(JSON.stringify(step.steps[idStep]));
+        var newIdStep = step.id + '-' + idStep + '-' + idElement;
+        baseStep.id = newIdStep;
+        element.ids[idStep] = newIdStep;
+        steps[newIdStep] = baseStep;
+    }
+    calcRecursiveData(element, steps, customSteps);
+    for (var _b = 0, _c = Object.values(step.steps); _b < _c.length; _b++) {
+        var nestedStep = _c[_b];
+        if (nestedStep.type === StepTypes.MAPPER) {
+            var nested = addMapperStep(nestedStep, customSteps);
+            steps = __assign(__assign({}, steps), nested.steps);
+            mappers = __assign(__assign({}, mappers), nested.mappers);
+            mappers[element.ids[nestedStep.id]] = [nested.element];
+        }
+    }
+    return { element: element, mappers: mappers, steps: steps };
+};
+export function calcRecursiveData(element, newSteps, customSteps) {
+    if (!newSteps)
+        return;
+    for (var _i = 0, _a = Object.keys(newSteps); _i < _a.length; _i++) {
+        var idStep = _a[_i];
+        var step = newSteps[idStep];
+        step.id = idStep;
+        if (step.dependencies) {
+            for (var i = 0; i < step.dependencies.length; i++) {
+                var idDep = step.dependencies[i];
+                var newId = element.ids[idDep];
+                if (newId) {
+                    step.dependencies[i] = newId;
+                }
+            }
+        }
+        var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
+        if (custom === null || custom === void 0 ? void 0 : custom.calcRecursiveData) {
+            custom.calcRecursiveData(step, element.ids);
+        }
+        calcSubSteps(step.id, newSteps, function (idStep) { var _a; return (_a = element.ids[idStep]) !== null && _a !== void 0 ? _a : idStep; });
+    }
+}
+export var mapOriginalValue = function (step, value, values, form) {
+    var _a, _b, _c, _d, _e, _f;
+    if (!value)
+        return value;
+    switch (step === null || step === void 0 ? void 0 : step.type) {
+        case StepTypes.MAPPER: {
+            var elements = value;
+            var mappedElements = [];
+            for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
+                var element = elements_1[_i];
+                var idElement = (_a = element.id) !== null && _a !== void 0 ? _a : nanoid();
+                var mappedElement = {
+                    id: idElement,
+                    ids: {},
+                    originalValues: {},
+                    isOriginal: true,
+                };
+                if (element.value) {
+                    mappedElement.value = element.value;
+                }
+                for (var _g = 0, _h = Object.keys(step.steps); _g < _h.length; _g++) {
+                    var idStep = _h[_g];
+                    var newIdStep = step.id + '-' + idStep + '-' + idElement;
+                    mappedElement.ids[idStep] = newIdStep;
+                    var value_1 = mapOriginalValue(step.steps[idStep], element[idStep], values, form);
+                    if (value_1 !== undefined) {
+                        if (!values.sections[step.idSection])
+                            values.sections[step.idSection] = {};
+                        values.sections[step.idSection][newIdStep] = value_1;
+                    }
+                }
+                for (var _j = 0, _k = Object.keys(element); _j < _k.length; _j++) {
+                    var key = _k[_j];
+                    if (step.steps[key] || key === 'id')
+                        continue;
+                    mappedElement.originalValues[key] = element[key];
+                }
+                mappedElements.push(mappedElement);
+            }
+            return mappedElements;
+        }
+        case StepTypes.TEXTAREA: {
+            if (step.hasTextEditor) {
+                if (typeof value === 'string') {
+                    return stringToDraft(value);
+                }
+                return getRawText(value === null || value === void 0 ? void 0 : value.draft, value === null || value === void 0 ? void 0 : value.text);
+            }
+            var defaultValue = (_b = value.value) !== null && _b !== void 0 ? _b : value;
+            if (typeof defaultValue === 'string') {
+                return defaultValue;
+            }
+            else {
+                return (_c = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) !== null && _c !== void 0 ? _c : '';
+            }
+        }
+        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 = (_d = form === null || form === void 0 ? void 0 : form.classifiers) === null || _d === void 0 ? void 0 : _d[(_e = step.idClassifier) !== null && _e !== void 0 ? _e : ''];
+            if (stepClassifier && !value.value) {
+                var classifier = (_f = form.classifiers) === null || _f === void 0 ? void 0 : _f[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;
+    }
+};
+export var calcInitialSections = function (form) {
+    var previousSections = [];
+    var nextSections = calcNextSections(form.firstSection, form);
+    var idCurrentSection = null;
+    if (form.type === FormTypes.STEPPER) {
+        var firstSection = nextSections.shift();
+        if (firstSection)
+            idCurrentSection = firstSection;
+    }
+    return { previousSections: previousSections, idCurrentSection: idCurrentSection, nextSections: nextSections };
+};
+var calcNextSections = function (idSection, form) {
+    var section = form.sections[idSection];
+    if (!section)
+        return [];
+    var sections = [idSection];
+    if (section.nextSection)
+        sections.push.apply(sections, calcNextSections(section.nextSection, form));
+    return sections;
+};

package/dist/App/AppHooks.js

@@ -0,0 +1,242 @@
+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;
+};
+import { useCallback, useEffect, useState } from 'react';
+import { reset } from '../States/GlobalSlice';
+import { fetchOrganization } from '../Services/OrganizationService';
+import { fetchForm } from '../Services/FormService';
+import { calcCbrForm } from '../Utils/CBRFunctions';
+import { calcInitialSections, calcValuesStore } from './AppFunctions';
+import { useAppDispatch } from '../hooks';
+import InternalFormStyle from '../constants/InternalFormStyle';
+import { calcDependencies } from '../Form/FormFunctions';
+import { iterateNestedSteps } from '../FormSteps/StepFunctions';
+import { createNextState } from '@reduxjs/toolkit';
+export var useSetupApp = function (isEmbedded, _a) {
+    var preview = _a.preview, internal = _a.internal, postview = _a.postview, partial = _a.partial, editable = _a.editable, handleConfirmed = _a.handleConfirmed, customSteps = _a.customSteps, valuesData = _a.valuesData, apiKey = _a.apiKey, formData = _a.formData, classifiers = _a.classifiers, others = __rest(_a, ["preview", "internal", "postview", "partial", "editable", "handleConfirmed", "customSteps", "valuesData", "apiKey", "formData", "classifiers"]);
+    var _b = useState(undefined), form = _b[0], setForm = _b[1];
+    var _c = useState(undefined), organization = _c[0], setOrganization = _c[1];
+    var _d = useState(), branding = _d[0], setBranding = _d[1];
+    var dispatch = useAppDispatch();
+    var loadOrg = function (idOrganization) { return __awaiter(void 0, void 0, void 0, function () {
+        var organization;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetchOrganization(idOrganization)];
+                case 1:
+                    organization = _a.sent();
+                    if (organization) {
+                        if (!isEmbedded) {
+                            // 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
+                        }
+                        if (!organization.customBrandings) {
+                            setBranding(organization.branding);
+                        }
+                    }
+                    return [2 /*return*/, organization];
+            }
+        });
+    }); };
+    var loadForm = function (apiKey, idOrganization) { return __awaiter(void 0, void 0, void 0, function () {
+        var form;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, fetchForm(apiKey, idOrganization)];
+                case 1:
+                    form = _a.sent();
+                    if (form && form.branding)
+                        setBranding(form.branding);
+                    return [2 /*return*/, form];
+            }
+        });
+    }); };
+    var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var idOrganization, organization, form, match, dependencies, values;
+        var _a;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    idOrganization = others.idOrganization;
+                    organization = null;
+                    form = formData !== null && formData !== void 0 ? formData : null;
+                    if (!(form && preview && form.isStandAlone)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, loadOrg()];
+                case 1:
+                    organization = _c.sent();
+                    return [3 /*break*/, 4];
+                case 2:
+                    if (!(!form && apiKey)) return [3 /*break*/, 4];
+                    return [4 /*yield*/, Promise.all([
+                            loadOrg(idOrganization),
+                            loadForm(apiKey, idOrganization),
+                        ])];
+                case 3:
+                    //Is iframe or widget
+                    _a = _c.sent(), organization = _a[0], form = _a[1];
+                    _c.label = 4;
+                case 4:
+                    if (organization && !idOrganization)
+                        idOrganization = organization.idOrganization;
+                    setOrganization(organization);
+                    /** For localhost development */
+                    if (!idOrganization && process.env.NODE_ENV !== 'production') {
+                        match = location.origin.match(/\/\/(.*?)\./);
+                        idOrganization = match ? match[1] : '';
+                    }
+                    if (form) {
+                        form = createNextState(form, function (form) {
+                            //If a rootStep is a mapper of type section
+                            if (form && classifiers)
+                                form.classifiers = classifiers;
+                            var _loop_1 = function (section) {
+                                for (var _b = 0, _c = section.steps; _b < _c.length; _b++) {
+                                    var idStep = _c[_b];
+                                    iterateNestedSteps(idStep, form.steps, function (step) {
+                                        step.idSection = section.id;
+                                    });
+                                }
+                            };
+                            /** Assign the idSection to all the forms steps */
+                            for (var _i = 0, _a = Object.values(form.sections); _i < _a.length; _i++) {
+                                var section = _a[_i];
+                                _loop_1(section);
+                            }
+                            var CBRStep = Object.values(form.steps).find(function (step) { return step.type.startsWith('CBR'); });
+                            if (CBRStep)
+                                form = calcCbrForm(form, valuesData !== null && valuesData !== void 0 ? valuesData : {});
+                        });
+                    }
+                    setForm(form);
+                    if (!form || !idOrganization)
+                        return [2 /*return*/];
+                    dependencies = {};
+                    values = calcValuesStore(form, valuesData, postview, customSteps);
+                    dispatch(reset(__assign(__assign({ formStyle: internal
+                            ? InternalFormStyle
+                            : __assign(__assign({}, InternalFormStyle), ((_b = form === null || form === void 0 ? void 0 : form.style) !== null && _b !== void 0 ? _b : {})), internal: !!internal, idOrganization: idOrganization, preview: !!preview, partial: !!partial, postview: !!postview, editable: !!(editable !== null && editable !== void 0 ? editable : true), values: values }, calcInitialSections(form)), { dependencies: calcDependencies(form.steps, customSteps, form.steps, dependencies, values) })));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        loadData();
+        return function () {
+            dispatch({ type: 'CLEAR' });
+        };
+    }, []);
+    var reload = useCallback(function () {
+        if (!form)
+            return;
+        var tempForm = __assign({}, form);
+        setForm(undefined);
+        setTimeout(function () {
+            setForm(tempForm);
+        }, 100);
+        if (handleConfirmed) {
+            handleConfirmed();
+        }
+    }, [form]);
+    return { form: form, organization: organization, branding: branding, reload: reload };
+};
+export var useLogRocket = function (organization, form, _a) {
+    var apiKey = _a.apiKey, internal = _a.internal, postview = _a.postview, preview = _a.preview;
+    var loadLogRocket = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var LogRocket, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(form &&
+                        organization &&
+                        process.env.NODE_ENV === 'production' &&
+                        //Tools
+                        // apiKey !== 'rCgWiEfOSN1TlUmHO28Y0' &&
+                        !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(organization.idOrganization + '/' + apiKey, {
+                        name: organization.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();
+    }, [organization, form]);
+};

package/dist/{mjs/Contexts → Contexts}/CustomContext.js

@@ -1,5 +1,5 @@
 import { createContext } from 'react';
-const CustomContext = createContext({
+var CustomContext = createContext({
     customSteps: {},
     customStepProps: {},
 });

package/dist/{mjs/Contexts → Contexts}/FormContext.js

@@ -1,5 +1,5 @@
 import { createContext } from 'react';
-const FormContext = createContext({
+var FormContext = createContext({
     firstSection: 'FIRST',
     sections: {
         FIRST: {

package/dist/{mjs/Contexts → Contexts}/SectionContext.js

@@ -1,3 +1,3 @@
 import { createContext } from 'react';
-const SectionContext = createContext('NULL');
+var SectionContext = createContext('NULL');
 export default SectionContext;

package/dist/Form/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,33 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CheckCircleOutlineRoundedIcon from '@material-ui/icons/CheckCircleOutlineRounded';
+import styles from './ConfirmationDialog.module.css';
+import Dialog from '@material-ui/core/Dialog';
+import CloseRoundedIcon from '@material-ui/icons/CloseRounded';
+import { useAppSelector } from '../../hooks';
+function ConfirmationDialog(_a) {
+    var confirmation = _a.confirmation, onClose = _a.onClose;
+    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
+    return (_jsx(Dialog, __assign({ PaperProps: {
+            style: {
+                borderRadius: '20px',
+                maxWidth: '100vw',
+                boxSizing: 'content-box',
+            },
+        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: '#293241' } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+                        onClose();
+                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.checkContainer, style: { color: formStyle.primaryColor } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }) })), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["Tu caso n\u00FAmero", ' ', _jsx("span", __assign({ style: { fontWeight: 'bold' } }, { children: confirmation.case })), ' ', "ha sido registrado!"] })), _jsx("div", __assign({ className: styles.messageContainer }, { children: "Pronto te estaremos dando respuesta." })), _jsxs("div", __assign({ className: styles.linkContainer }, { children: ["Puedes consultar el estado aqui:", ' '] })), _jsx("a", __assign({ className: styles.url, "data-testid": "ResUrl", target: "_blank", href: confirmation.url, style: {
+                                color: '#293241',
+                            } }, { children: confirmation.url }))] }))] })) })));
+}
+export default ConfirmationDialog;