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

package/dist/cjs/App/AppFunctions.js

@@ -0,0 +1,217 @@
+"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

@@ -0,0 +1,191 @@
+"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

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,21 @@
+"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

@@ -0,0 +1,5 @@
+"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

@@ -0,0 +1,26 @@
+"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

@@ -0,0 +1,185 @@
+"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();
+    }
+}