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

package/dist/cjs/App/AppFunctions.js

@@ -1,217 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calcInitialSections = exports.mapOriginalValue = exports.calcRecursiveData = exports.addMapperStep = exports.calcValuesStore = void 0;
-const nanoid_1 = require("nanoid");
-const FormStepTypes_1 = __importStar(require("../constants/FormStepTypes"));
-const DraftFunctions_1 = require("../Utils/DraftFunctions");
-const StepFunctions_1 = require("../FormSteps/StepFunctions");
-const calcValuesStore = (form, originalValues = {}, postview = false, customSteps = {}) => {
-    var _a, _b;
-    const values = {
-        global: {},
-        sections: {},
-    };
-    for (const idValue of Object.keys(originalValues)) {
-        const step = form.steps[idValue];
-        if (step && !((_a = form.hiddenSteps) === null || _a === void 0 ? void 0 : _a.includes(step.id))) {
-            const value = (0, exports.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 (const section of Object.values(form.sections)) {
-        for (const idStep of section.steps) {
-            const step = form.steps[idStep];
-            if (step.type !== FormStepTypes_1.default.MAPPER ||
-                ((_b = values.sections[step.idSection]) === null || _b === void 0 ? void 0 : _b[step.id]))
-                continue;
-            if (!values.sections[step.idSection])
-                values.sections[step.idSection] = {};
-            const { element, mappers } = (0, exports.addMapperStep)(step, customSteps);
-            values.sections[step.idSection] = Object.assign(Object.assign(Object.assign({}, values.sections[step.idSection]), mappers), { [step.id]: [element] });
-        }
-    }
-    return values;
-};
-exports.calcValuesStore = calcValuesStore;
-const addMapperStep = (step, customSteps) => {
-    const idElement = (0, nanoid_1.nanoid)();
-    const element = {
-        ids: {},
-        id: idElement,
-        originalValues: {},
-        isOriginal: false,
-    };
-    let steps = {};
-    let mappers = {};
-    for (const idStep of Object.keys(step.steps)) {
-        const baseStep = JSON.parse(JSON.stringify(step.steps[idStep]));
-        const newIdStep = step.id + '-' + idStep + '-' + idElement;
-        baseStep.id = newIdStep;
-        element.ids[idStep] = newIdStep;
-        steps[newIdStep] = baseStep;
-    }
-    calcRecursiveData(element, steps, customSteps);
-    for (const nestedStep of Object.values(step.steps)) {
-        if (nestedStep.type === FormStepTypes_1.default.MAPPER) {
-            const nested = (0, exports.addMapperStep)(nestedStep, customSteps);
-            steps = Object.assign(Object.assign({}, steps), nested.steps);
-            mappers = Object.assign(Object.assign({}, mappers), nested.mappers);
-            mappers[element.ids[nestedStep.id]] = [nested.element];
-        }
-    }
-    return { element, mappers, steps };
-};
-exports.addMapperStep = addMapperStep;
-function calcRecursiveData(element, newSteps, customSteps) {
-    if (!newSteps)
-        return;
-    for (const idStep of Object.keys(newSteps)) {
-        const step = newSteps[idStep];
-        step.id = idStep;
-        if (step.dependencies) {
-            for (let i = 0; i < step.dependencies.length; i++) {
-                const idDep = step.dependencies[i];
-                const newId = element.ids[idDep];
-                if (newId) {
-                    step.dependencies[i] = newId;
-                }
-            }
-        }
-        const 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);
-        }
-        (0, StepFunctions_1.calcSubSteps)(step.id, newSteps, (idStep) => { var _a; return (_a = element.ids[idStep]) !== null && _a !== void 0 ? _a : idStep; });
-    }
-}
-exports.calcRecursiveData = calcRecursiveData;
-const mapOriginalValue = (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 FormStepTypes_1.default.MAPPER: {
-            const elements = value;
-            const mappedElements = [];
-            for (const element of elements) {
-                const idElement = (_a = element.id) !== null && _a !== void 0 ? _a : (0, nanoid_1.nanoid)();
-                const mappedElement = {
-                    id: idElement,
-                    ids: {},
-                    originalValues: {},
-                    isOriginal: true,
-                };
-                if (element.value) {
-                    mappedElement.value = element.value;
-                }
-                for (const idStep of Object.keys(step.steps)) {
-                    const newIdStep = step.id + '-' + idStep + '-' + idElement;
-                    mappedElement.ids[idStep] = newIdStep;
-                    const value = (0, exports.mapOriginalValue)(step.steps[idStep], element[idStep], values, form);
-                    if (value !== undefined) {
-                        if (!values.sections[step.idSection])
-                            values.sections[step.idSection] = {};
-                        values.sections[step.idSection][newIdStep] = value;
-                    }
-                }
-                for (const key of Object.keys(element)) {
-                    if (step.steps[key] || key === 'id')
-                        continue;
-                    mappedElement.originalValues[key] = element[key];
-                }
-                mappedElements.push(mappedElement);
-            }
-            return mappedElements;
-        }
-        case FormStepTypes_1.default.TEXTAREA: {
-            if (step.hasTextEditor) {
-                if (typeof value === 'string') {
-                    return (0, DraftFunctions_1.stringToDraft)(value);
-                }
-                return (0, DraftFunctions_1.getRawText)(value === null || value === void 0 ? void 0 : value.draft, value === null || value === void 0 ? void 0 : value.text);
-            }
-            const 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 FormStepTypes_1.default.SELECTOR: {
-            const option = step.options.find((option) => option.value === value);
-            if (!(value === null || value === void 0 ? void 0 : value.value))
-                return option;
-            return value;
-        }
-        case FormStepTypes_1.default.CLASSIFIER_SELECTOR: {
-            const 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) {
-                const classifier = (_f = form.classifiers) === null || _f === void 0 ? void 0 : _f[value];
-                return { 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 Object.assign(Object.assign({}, value), { id: value.id.toString() });
-            }
-            return value;
-    }
-};
-exports.mapOriginalValue = mapOriginalValue;
-const calcInitialSections = (form) => {
-    const previousSections = [];
-    const nextSections = calcNextSections(form.firstSection, form);
-    let idCurrentSection = null;
-    if (form.type === FormStepTypes_1.FormTypes.STEPPER) {
-        const firstSection = nextSections.shift();
-        if (firstSection)
-            idCurrentSection = firstSection;
-    }
-    return { previousSections, idCurrentSection, nextSections };
-};
-exports.calcInitialSections = calcInitialSections;
-const calcNextSections = (idSection, form) => {
-    const section = form.sections[idSection];
-    if (!section)
-        return [];
-    const sections = [idSection];
-    if (section.nextSection)
-        sections.push(...calcNextSections(section.nextSection, form));
-    return sections;
-};

package/dist/cjs/App/AppHooks.js

@@ -1,191 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogRocket = exports.useSetupApp = void 0;
-const react_1 = require("react");
-const GlobalSlice_1 = require("../States/GlobalSlice");
-const OrganizationService_1 = require("../Services/OrganizationService");
-const FormService_1 = require("../Services/FormService");
-const CBRFunctions_1 = require("../Utils/CBRFunctions");
-const AppFunctions_1 = require("./AppFunctions");
-const hooks_1 = require("../hooks");
-const InternalFormStyle_1 = __importDefault(require("../constants/InternalFormStyle"));
-const FormFunctions_1 = require("../Form/FormFunctions");
-const StepFunctions_1 = require("../FormSteps/StepFunctions");
-const toolkit_1 = require("@reduxjs/toolkit");
-const useSetupApp = (isEmbedded, _a) => {
-    var { preview, internal, postview, partial, editable, handleConfirmed, customSteps, valuesData, apiKey, formData, classifiers } = _a, others = __rest(_a, ["preview", "internal", "postview", "partial", "editable", "handleConfirmed", "customSteps", "valuesData", "apiKey", "formData", "classifiers"]);
-    const [form, setForm] = (0, react_1.useState)(undefined);
-    const [organization, setOrganization] = (0, react_1.useState)(undefined);
-    const [branding, setBranding] = (0, react_1.useState)();
-    const dispatch = (0, hooks_1.useAppDispatch)();
-    const loadOrg = (idOrganization) => __awaiter(void 0, void 0, void 0, function* () {
-        const organization = yield (0, OrganizationService_1.fetchOrganization)(idOrganization);
-        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 organization;
-    });
-    const loadForm = (apiKey, idOrganization) => __awaiter(void 0, void 0, void 0, function* () {
-        const form = yield (0, FormService_1.fetchForm)(apiKey, idOrganization);
-        if (form && form.branding)
-            setBranding(form.branding);
-        return form;
-    });
-    const loadData = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-        let idOrganization = others.idOrganization;
-        let organization = null;
-        let form = formData !== null && formData !== void 0 ? formData : null;
-        if (form && preview && form.isStandAlone) {
-            organization = yield loadOrg();
-        }
-        else if (!form && apiKey) {
-            //Is iframe or widget
-            [organization, form] = yield Promise.all([
-                loadOrg(idOrganization),
-                loadForm(apiKey, idOrganization),
-            ]);
-        }
-        if (organization && !idOrganization)
-            idOrganization = organization.idOrganization;
-        setOrganization(organization);
-        /** For localhost development */
-        if (!idOrganization && process.env.NODE_ENV !== 'production') {
-            // eslint-disable-next-line no-restricted-globals
-            const match = location.origin.match(/\/\/(.*?)\./);
-            idOrganization = match ? match[1] : '';
-        }
-        if (form) {
-            form = (0, toolkit_1.createNextState)(form, (form) => {
-                //If a rootStep is a mapper of type section
-                if (form && classifiers)
-                    form.classifiers = classifiers;
-                /** Assign the idSection to all the forms steps */
-                for (const section of Object.values(form.sections)) {
-                    for (const idStep of section.steps) {
-                        (0, StepFunctions_1.iterateNestedSteps)(idStep, form.steps, (step) => {
-                            step.idSection = section.id;
-                        });
-                    }
-                }
-                const CBRStep = Object.values(form.steps).find((step) => step.type.startsWith('CBR'));
-                if (CBRStep)
-                    form = (0, CBRFunctions_1.calcCbrForm)(form, valuesData !== null && valuesData !== void 0 ? valuesData : {});
-            });
-        }
-        setForm(form);
-        if (!form || !idOrganization)
-            return;
-        const dependencies = {};
-        const values = (0, AppFunctions_1.calcValuesStore)(form, valuesData, postview, customSteps);
-        dispatch((0, GlobalSlice_1.reset)(Object.assign(Object.assign({ formStyle: internal
-                ? InternalFormStyle_1.default
-                : Object.assign(Object.assign({}, InternalFormStyle_1.default), ((_b = form === null || form === void 0 ? void 0 : form.style) !== null && _b !== void 0 ? _b : {})), internal: !!internal, idOrganization, preview: !!preview, partial: !!partial, postview: !!postview, editable: !!(editable !== null && editable !== void 0 ? editable : true), values }, (0, AppFunctions_1.calcInitialSections)(form)), { dependencies: (0, FormFunctions_1.calcDependencies)(form.steps, customSteps, form.steps, dependencies, values) })));
-    });
-    (0, react_1.useEffect)(() => {
-        loadData();
-        return () => {
-            dispatch({ type: 'CLEAR' });
-        };
-    }, []);
-    const reload = (0, react_1.useCallback)(() => {
-        if (!form)
-            return;
-        const tempForm = Object.assign({}, form);
-        setForm(undefined);
-        setTimeout(() => {
-            setForm(tempForm);
-        }, 100);
-        if (handleConfirmed) {
-            handleConfirmed();
-        }
-    }, [form]);
-    return { form, organization, branding, reload };
-};
-exports.useSetupApp = useSetupApp;
-const useLogRocket = (organization, form, { apiKey, internal, postview, preview, }) => {
-    const loadLogRocket = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (form &&
-            organization &&
-            process.env.NODE_ENV === 'production' &&
-            //Tools
-            // apiKey !== 'rCgWiEfOSN1TlUmHO28Y0' &&
-            !internal &&
-            !postview &&
-            !preview) {
-            try {
-                const LogRocket = yield Promise.resolve().then(() => __importStar(require('logrocket')));
-                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'),
-                });
-            }
-            catch (error) {
-                console.error('LogRocker Error', error);
-            }
-        }
-    });
-    (0, react_1.useEffect)(() => {
-        loadLogRocket();
-    }, [organization, form]);
-};
-exports.useLogRocket = useLogRocket;

package/dist/cjs/Contexts/CustomContext.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const CustomContext = (0, react_1.createContext)({
-    customSteps: {},
-    customStepProps: {},
-});
-exports.default = CustomContext;

package/dist/cjs/Contexts/FormContext.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const FormContext = (0, react_1.createContext)({
-    firstSection: 'FIRST',
-    sections: {
-        FIRST: {
-            id: 'FIRST',
-            name: 'FIRST',
-            steps: [],
-            nextSection: null,
-        },
-    },
-    steps: {},
-    size: {
-        blockSize: 0,
-        blockNum: 4,
-        spacingSize: 0,
-    },
-});
-exports.default = FormContext;

package/dist/cjs/Contexts/SectionContext.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const SectionContext = (0, react_1.createContext)('NULL');
-exports.default = SectionContext;

package/dist/cjs/Form/ConfirmationDialog/ConfirmationDialog.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CheckCircleOutlineRounded_1 = __importDefault(require("@material-ui/icons/CheckCircleOutlineRounded"));
-const ConfirmationDialog_module_css_1 = __importDefault(require("./ConfirmationDialog.module.css"));
-const Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-const CloseRounded_1 = __importDefault(require("@material-ui/icons/CloseRounded"));
-const hooks_1 = require("../../hooks");
-function ConfirmationDialog({ confirmation, onClose, }) {
-    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.default, Object.assign({ PaperProps: {
-            style: {
-                borderRadius: '20px',
-                maxWidth: '100vw',
-                boxSizing: 'content-box',
-            },
-        }, open: true }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: ConfirmationDialog_module_css_1.default.confirmationContainer, style: { color: '#293241' } }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: ConfirmationDialog_module_css_1.default.closeIcon, onClick: () => {
-                        onClose();
-                    } }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, { fontSize: "inherit" }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: ConfirmationDialog_module_css_1.default.container }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: ConfirmationDialog_module_css_1.default.checkContainer, style: { color: formStyle.primaryColor } }, { children: (0, jsx_runtime_1.jsx)(CheckCircleOutlineRounded_1.default, { fontSize: "inherit", style: { fontSize: '160px' } }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: ConfirmationDialog_module_css_1.default.messageContainer }, { children: ["Tu caso n\u00FAmero", ' ', (0, jsx_runtime_1.jsx)("span", Object.assign({ style: { fontWeight: 'bold' } }, { children: confirmation.case })), ' ', "ha sido registrado!"] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: ConfirmationDialog_module_css_1.default.messageContainer }, { children: "Pronto te estaremos dando respuesta." })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: ConfirmationDialog_module_css_1.default.linkContainer }, { children: ["Puedes consultar el estado aqui:", ' '] })), (0, jsx_runtime_1.jsx)("a", Object.assign({ className: ConfirmationDialog_module_css_1.default.url, "data-testid": "ResUrl", target: "_blank", href: confirmation.url, style: {
-                                color: '#293241',
-                            } }, { children: confirmation.url }))] }))] })) })));
-}
-exports.default = ConfirmationDialog;

package/dist/cjs/Form/Form.js

@@ -1,185 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLocale = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const Navbar_1 = __importDefault(require("../Shared/Navbar/Navbar"));
-const Form_module_css_1 = __importDefault(require("./Form.module.css"));
-const InternalFormStyle_1 = __importDefault(require("../constants/InternalFormStyle"));
-const en_US_1 = __importDefault(require("date-fns/locale/en-US"));
-const es_1 = __importDefault(require("date-fns/locale/es"));
-const ColumnForm_1 = __importDefault(require("./FormTypes/ColumnForm/ColumnForm"));
-const StepperForm_1 = __importDefault(require("./FormTypes/StepperForm/StepperForm"));
-const FormStepTypes_1 = require("../constants/FormStepTypes");
-const FormFunctions_1 = require("./FormFunctions");
-const react_hook_form_1 = require("react-hook-form");
-const AxiosWidget_1 = __importDefault(require("../Utils/AxiosWidget"));
-const AxiosAPI_1 = __importDefault(require("../Utils/AxiosAPI"));
-const react_google_recaptcha_1 = __importDefault(require("react-google-recaptcha"));
-const ConfirmationDialog_1 = __importDefault(require("./ConfirmationDialog/ConfirmationDialog"));
-const MaterialProviders_1 = __importDefault(require("../Utils/MaterialProviders"));
-const FormHooks_1 = require("./FormHooks");
-const App_1 = require("../App/App");
-const hooks_1 = require("../hooks");
-const FormContext_1 = __importDefault(require("../Contexts/FormContext"));
-const store_1 = require("../Utils/store");
-const SiteSlice_1 = require("../States/SiteSlice");
-const localeMap = {
-    en: en_US_1.default,
-    'en-US': en_US_1.default,
-    es: es_1.default,
-};
-const getLocale = () => {
-    var _a;
-    return ((_a = localeMap[navigator.languages && navigator.languages.length
-        ? navigator.languages[0]
-        : navigator.userLanguage ||
-            navigator.language ||
-            navigator.browserLanguage]) !== null && _a !== void 0 ? _a : localeMap.es);
-};
-exports.getLocale = getLocale;
-function FormComponent({ form, apiKey, reload, isWidget, branding, scrollToTop, customSteps, containerRef, customSubmit, customSubmitBtns, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { idOrganization, internal, postview } = (0, hooks_1.useAppSelector)((state) => state.global);
-    const formMethods = (0, react_hook_form_1.useForm)({
-        mode: 'onTouched',
-        shouldFocusError: true,
-    });
-    const idForm = (0, react_1.useContext)(App_1.IdFormContext);
-    const recaptchaRef = (0, react_1.useRef)();
-    const dispatch = (0, hooks_1.useAppDispatch)();
-    const [showConfirmation, setShowConfirmation] = (0, react_1.useState)();
-    const idFocusStep = (0, hooks_1.useAppSelector)((state) => state.site.focusStep);
-    (0, react_1.useEffect)(() => {
-        if (idFocusStep) {
-            formMethods.setFocus(idFocusStep);
-            dispatch((0, SiteSlice_1.focusStep)(undefined));
-        }
-    }, [idFocusStep]);
-    const onSubmit = (0, react_1.useCallback)((values) => __awaiter(this, void 0, void 0, function* () {
-        let token = null;
-        if (form.hasCaptcha && !internal && !customSubmit) {
-            token = recaptchaRef.current.getValue();
-            if (!token)
-                token = yield (recaptchaRef === null || recaptchaRef === void 0 ? void 0 : recaptchaRef.current.executeAsync());
-        }
-        if (!apiKey && !internal && !customSubmit)
-            return;
-        try {
-            const state = yield dispatch((0, store_1.getAppState)({ idForm })).unwrap();
-            const newValues = Object.assign({}, state.site.values.global);
-            const deleteIds = [];
-            for (const idStep of Object.keys(values)) {
-                newValues[idStep] = (0, FormFunctions_1.calcValue)(idStep, form.steps, values, customSteps, deleteIds);
-            }
-            for (const id of deleteIds) {
-                delete newValues[id];
-            }
-            if (customSubmit)
-                return yield customSubmit(newValues, reload);
-            if (customSubmitBtns)
-                return newValues;
-            const params = new URLSearchParams();
-            if (idOrganization || internal)
-                params.set('idOrganization', idOrganization !== null && idOrganization !== void 0 ? idOrganization : '');
-            if (token)
-                params.set('token', token);
-            let url = `/ticket/${internal ? form.apiKey : apiKey}`;
-            if (params.toString()) {
-                url += `?${params.toString()}`;
-            }
-            const axios = idOrganization || internal ? AxiosWidget_1.default : AxiosAPI_1.default;
-            const resp = yield axios.post(url, newValues);
-            setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
-        }
-        catch (error) {
-            console.error(error);
-        }
-    }), [customSteps, internal, customSubmit, idOrganization, idForm]);
-    (0, FormHooks_1.useWidthStats)(containerRef, form, postview, internal);
-    const isResponsive = (0, hooks_1.useAppSelector)((state) => state.widthStats.isResponsive);
-    const renderForm = () => {
-        return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [showConfirmation !== undefined && ((0, jsx_runtime_1.jsx)(ConfirmationDialog_1.default, { confirmation: showConfirmation, onClose: () => {
-                        reload();
-                        setShowConfirmation(undefined);
-                    } })), form.hasCaptcha && !internal && ((0, jsx_runtime_1.jsx)(react_google_recaptcha_1.default, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, Object.assign({}, formMethods, { children: (0, jsx_runtime_1.jsx)(FormContext_1.default.Provider, Object.assign({ value: form }, { children: (0, jsx_runtime_1.jsx)(FormTypeComponent, { onSubmit: onSubmit, scrollToTop: scrollToTop, customSubmitBtns: customSubmitBtns }) })) }))] }));
-    };
-    if (!idOrganization)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    //If currently displaying internal or form is standalone
-    if (postview || internal || !form.isStandAlone) {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                backgroundColor: internal
-                    ? 'transparent'
-                    : (_b = (_a = form.style) === null || _a === void 0 ? void 0 : _a.backgroundColor) !== null && _b !== void 0 ? _b : InternalFormStyle_1.default.backgroundColor,
-                minHeight: form.isStandAlone && !isWidget ? '100vh' : '100%',
-            } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: Form_module_css_1.default.widgetFormContainer, ref: containerRef }, { children: renderForm() })) })));
-    }
-    else {
-        //Standalone cant have widget
-        return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(Navbar_1.default, { logo: branding === null || branding === void 0 ? void 0 : branding.images.logoUrl, color: (_d = (_c = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _c === void 0 ? void 0 : _c.navbarColor) !== null && _d !== void 0 ? _d : (_e = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _e === void 0 ? void 0 : _e.primaryColor }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: Form_module_css_1.default.standAloneFormContainer, ref: containerRef, style: {
-                        background: (_g = (_f = form.style) === null || _f === void 0 ? void 0 : _f.standAloneBackgroundColor) !== null && _g !== void 0 ? _g : '#ffffff',
-                    } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: isResponsive
-                            ? Form_module_css_1.default.fullScreenStandAloneForm
-                            : Form_module_css_1.default.standAloneFormCard, style: {
-                            backgroundColor: (_j = (_h = form.style) === null || _h === void 0 ? void 0 : _h.backgroundColor) !== null && _j !== void 0 ? _j : InternalFormStyle_1.default.backgroundColor,
-                        } }, { children: renderForm() })) }))] }));
-    }
-}
-exports.default = FormComponent;
-function FormTypeComponent(props) {
-    const { formStyle } = (0, hooks_1.useAppSelector)((state) => state.global);
-    const form = (0, react_1.useContext)(FormContext_1.default);
-    const renderTypes = () => {
-        switch (form.type) {
-            case FormStepTypes_1.FormTypes.STEPPER: {
-                return (0, jsx_runtime_1.jsx)(StepperForm_1.default, Object.assign({}, props));
-            }
-            case FormStepTypes_1.FormTypes.COLUMN:
-            default: {
-                return (0, jsx_runtime_1.jsx)(ColumnForm_1.default, Object.assign({}, props));
-            }
-        }
-    };
-    switch (formStyle.type) {
-        case FormStepTypes_1.FormStyleTypes.MATERIAL:
-            return (0, jsx_runtime_1.jsx)(MaterialProviders_1.default, { children: renderTypes() });
-        default:
-            return renderTypes();
-    }
-}