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

package/dist/App/AppHooks.js

@@ -1,242 +0,0 @@
-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/Contexts/CustomContext.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-var CustomContext = createContext({
-    customSteps: {},
-    customStepProps: {},
-});
-export default CustomContext;

package/dist/Contexts/FormContext.js

@@ -1,19 +0,0 @@
-import { createContext } from 'react';
-var FormContext = createContext({
-    firstSection: 'FIRST',
-    sections: {
-        FIRST: {
-            id: 'FIRST',
-            name: 'FIRST',
-            steps: [],
-            nextSection: null,
-        },
-    },
-    steps: {},
-    size: {
-        blockSize: 0,
-        blockNum: 4,
-        spacingSize: 0,
-    },
-});
-export default FormContext;

package/dist/Contexts/SectionContext.js

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

package/dist/Form/ConfirmationDialog/ConfirmationDialog.js

@@ -1,33 +0,0 @@
-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;

package/dist/Form/Form.js

@@ -1,216 +0,0 @@
-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 };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useCallback, useContext, useEffect, useRef, useState, } from 'react';
-import Navbar from '../Shared/Navbar/Navbar';
-import styles from './Form.module.css';
-import InternalFormStyle from '../constants/InternalFormStyle';
-import enLocale from 'date-fns/locale/en-US';
-import esLocale from 'date-fns/locale/es';
-import ColumnForm from './FormTypes/ColumnForm/ColumnForm';
-import StepperForm from './FormTypes/StepperForm/StepperForm';
-import { FormStyleTypes, FormTypes, } from '../constants/FormStepTypes';
-import { calcValue } from './FormFunctions';
-import { FormProvider, useForm } from 'react-hook-form';
-import widgetInstance from '../Utils/AxiosWidget';
-import axiosInstance from '../Utils/AxiosAPI';
-import ReCAPTCHA from 'react-google-recaptcha';
-import ConfirmationDialog from './ConfirmationDialog/ConfirmationDialog';
-import MaterialProviders from '../Utils/MaterialProviders';
-import { useWidthStats } from './FormHooks';
-import { IdFormContext } from '../App/App';
-import { useAppDispatch, useAppSelector } from '../hooks';
-import FormContext from '../Contexts/FormContext';
-import { getAppState } from '../Utils/store';
-import { focusStep } from '../States/SiteSlice';
-var localeMap = {
-    en: enLocale,
-    'en-US': enLocale,
-    es: esLocale,
-};
-export var getLocale = function () {
-    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);
-};
-function FormComponent(_a) {
-    var _this = this;
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, isWidget = _a.isWidget, branding = _a.branding, scrollToTop = _a.scrollToTop, customSteps = _a.customSteps, containerRef = _a.containerRef, customSubmit = _a.customSubmit, customSubmitBtns = _a.customSubmitBtns;
-    var _l = useAppSelector(function (state) { return state.global; }), idOrganization = _l.idOrganization, internal = _l.internal, postview = _l.postview;
-    var formMethods = useForm({
-        mode: 'onTouched',
-        shouldFocusError: true,
-    });
-    var idForm = useContext(IdFormContext);
-    var recaptchaRef = useRef();
-    var dispatch = useAppDispatch();
-    var _m = useState(), showConfirmation = _m[0], setShowConfirmation = _m[1];
-    var idFocusStep = useAppSelector(function (state) { return state.site.focusStep; });
-    useEffect(function () {
-        if (idFocusStep) {
-            formMethods.setFocus(idFocusStep);
-            dispatch(focusStep(undefined));
-        }
-    }, [idFocusStep]);
-    var onSubmit = useCallback(function (values) { return __awaiter(_this, void 0, void 0, function () {
-        var token, state, newValues, deleteIds, _i, _a, idStep, _b, deleteIds_1, id, params, url, axios, resp, error_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    token = null;
-                    if (!(form.hasCaptcha && !internal && !customSubmit)) return [3 /*break*/, 2];
-                    token = recaptchaRef.current.getValue();
-                    if (!!token) return [3 /*break*/, 2];
-                    return [4 /*yield*/, (recaptchaRef === null || recaptchaRef === void 0 ? void 0 : recaptchaRef.current.executeAsync())];
-                case 1:
-                    token = _c.sent();
-                    _c.label = 2;
-                case 2:
-                    if (!apiKey && !internal && !customSubmit)
-                        return [2 /*return*/];
-                    _c.label = 3;
-                case 3:
-                    _c.trys.push([3, 8, , 9]);
-                    return [4 /*yield*/, dispatch(getAppState({ idForm: idForm })).unwrap()];
-                case 4:
-                    state = _c.sent();
-                    newValues = __assign({}, state.site.values.global);
-                    deleteIds = [];
-                    for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
-                        idStep = _a[_i];
-                        newValues[idStep] = calcValue(idStep, form.steps, values, customSteps, deleteIds);
-                    }
-                    for (_b = 0, deleteIds_1 = deleteIds; _b < deleteIds_1.length; _b++) {
-                        id = deleteIds_1[_b];
-                        delete newValues[id];
-                    }
-                    if (!customSubmit) return [3 /*break*/, 6];
-                    return [4 /*yield*/, customSubmit(newValues, reload)];
-                case 5: return [2 /*return*/, _c.sent()];
-                case 6:
-                    if (customSubmitBtns)
-                        return [2 /*return*/, newValues];
-                    params = new URLSearchParams();
-                    if (idOrganization || internal)
-                        params.set('idOrganization', idOrganization !== null && idOrganization !== void 0 ? idOrganization : '');
-                    if (token)
-                        params.set('token', token);
-                    url = "/ticket/".concat(internal ? form.apiKey : apiKey);
-                    if (params.toString()) {
-                        url += "?".concat(params.toString());
-                    }
-                    axios = idOrganization || internal ? widgetInstance : axiosInstance;
-                    return [4 /*yield*/, axios.post(url, newValues)];
-                case 7:
-                    resp = _c.sent();
-                    setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
-                    return [3 /*break*/, 9];
-                case 8:
-                    error_1 = _c.sent();
-                    console.error(error_1);
-                    return [3 /*break*/, 9];
-                case 9: return [2 /*return*/];
-            }
-        });
-    }); }, [customSteps, internal, customSubmit, idOrganization, idForm]);
-    useWidthStats(containerRef, form, postview, internal);
-    var isResponsive = useAppSelector(function (state) { return state.widthStats.isResponsive; });
-    var renderForm = function () {
-        return (_jsxs(React.Fragment, { children: [showConfirmation !== undefined && (_jsx(ConfirmationDialog, { confirmation: showConfirmation, onClose: function () {
-                        reload();
-                        setShowConfirmation(undefined);
-                    } })), form.hasCaptcha && !internal && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), _jsx(FormProvider, __assign({}, formMethods, { children: _jsx(FormContext.Provider, __assign({ value: form }, { children: _jsx(FormTypeComponent, { onSubmit: onSubmit, scrollToTop: scrollToTop, customSubmitBtns: customSubmitBtns }) })) }))] }));
-    };
-    if (!idOrganization)
-        return _jsx(_Fragment, {});
-    //If currently displaying internal or form is standalone
-    if (postview || internal || !form.isStandAlone) {
-        return (_jsx("div", __assign({ style: {
-                backgroundColor: internal
-                    ? 'transparent'
-                    : (_c = (_b = form.style) === null || _b === void 0 ? void 0 : _b.backgroundColor) !== null && _c !== void 0 ? _c : InternalFormStyle.backgroundColor,
-                minHeight: form.isStandAlone && !isWidget ? '100vh' : '100%',
-            } }, { children: _jsx("div", __assign({ className: styles.widgetFormContainer, ref: containerRef }, { children: renderForm() })) })));
-    }
-    else {
-        //Standalone cant have widget
-        return (_jsxs(React.Fragment, { children: [_jsx(Navbar, { logo: branding === null || branding === void 0 ? void 0 : branding.images.logoUrl, color: (_e = (_d = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _d === void 0 ? void 0 : _d.navbarColor) !== null && _e !== void 0 ? _e : (_f = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _f === void 0 ? void 0 : _f.primaryColor }), _jsx("div", __assign({ className: styles.standAloneFormContainer, ref: containerRef, style: {
-                        background: (_h = (_g = form.style) === null || _g === void 0 ? void 0 : _g.standAloneBackgroundColor) !== null && _h !== void 0 ? _h : '#ffffff',
-                    } }, { children: _jsx("div", __assign({ className: isResponsive
-                            ? styles.fullScreenStandAloneForm
-                            : styles.standAloneFormCard, style: {
-                            backgroundColor: (_k = (_j = form.style) === null || _j === void 0 ? void 0 : _j.backgroundColor) !== null && _k !== void 0 ? _k : InternalFormStyle.backgroundColor,
-                        } }, { children: renderForm() })) }))] }));
-    }
-}
-export default FormComponent;
-function FormTypeComponent(props) {
-    var formStyle = useAppSelector(function (state) { return state.global; }).formStyle;
-    var form = useContext(FormContext);
-    var renderTypes = function () {
-        switch (form.type) {
-            case FormTypes.STEPPER: {
-                return _jsx(StepperForm, __assign({}, props));
-            }
-            case FormTypes.COLUMN:
-            default: {
-                return _jsx(ColumnForm, __assign({}, props));
-            }
-        }
-    };
-    switch (formStyle.type) {
-        case FormStyleTypes.MATERIAL:
-            return _jsx(MaterialProviders, { children: renderTypes() });
-        default:
-            return renderTypes();
-    }
-}