@arquimedes.co/eureka-forms 1.9.82-test → 1.9.84-test

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -1,379 +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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cloneElement, useEffect, useRef, useState } from 'react';
-import ReCAPTCHA from 'react-google-recaptcha';
-import SectionComponent from '../../Section/Section';
-import { useForm } from 'react-hook-form';
-import styles from './ColumnForm.module.css';
-import Types from '../../../constants/FormStepTypes';
-import { convertToRaw } from 'draft-js';
-import TermComponent from '../../Term/Term';
-import ConfirmationDialog from '../ConfirmationDialog/ConfirmationDialog';
-import Loader from '../../../shared/Loader/Loader';
-import axiosInstance from '../../../AxiosAPI';
-import widgetInstance from '../../../AxiosWidget';
-import React from 'react';
-function ColumnForm(_a) {
-    var _this = this;
-    var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, domain = _a.domain, postview = _a.postview, internal = _a.internal, formStyle = _a.formStyle, sendLabel = _a.sendLabel, widthStats = _a.widthStats, customSteps = _a.customSteps, customSend = _a.customSend, customSubmit = _a.customSubmit, handleLoaded = _a.handleLoaded, originalValues = _a.originalValues, others = __rest(_a, ["form", "apiKey", "reload", "domain", "postview", "internal", "formStyle", "sendLabel", "widthStats", "customSteps", "customSend", "customSubmit", "handleLoaded", "originalValues"]);
-    var _b = useState(false), tempError = _b[0], setTempError = _b[1];
-    var _c = useState(calcDependencies(form.steps, originalValues, customSteps)), dependencyStore = _c[0], setDependencyStore = _c[1];
-    var _d = useForm({
-        defaultValues: originalValues,
-        mode: 'onTouched',
-        shouldFocusError: true,
-    }), getValues = _d.getValues, setValue = _d.setValue, clearErrors = _d.clearErrors, control = _d.control, errors = _d.formState.errors, trigger = _d.trigger, setFocus = _d.setFocus;
-    var recaptchaRef = useRef();
-    var _e = useState(undefined), sections = _e[0], setSections = _e[1];
-    var _f = useState(false), loading = _f[0], setLoading = _f[1];
-    var _g = useState(), showConfirmation = _g[0], setShowConfirmation = _g[1];
-    useEffect(function () {
-        var tempSections = [];
-        calcNextSection(form, form.firstSection, tempSections);
-        setSections(tempSections);
-        handleLoaded();
-    }, []);
-    if (sections === undefined) {
-        return _jsx("div", {});
-    }
-    var onSubmit = function (token) { return __awaiter(_this, void 0, void 0, function () {
-        var valid, values, newValues, deleteIds, _i, _a, idStep, _b, deleteIds_1, id, customResp, payload, url, resp, _c, error_1;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    if (!(apiKey || internal || customSend)) return [3 /*break*/, 11];
-                    return [4 /*yield*/, trigger(undefined, { shouldFocus: true })];
-                case 1:
-                    valid = _d.sent();
-                    values = getValues();
-                    if (!!valid) return [3 /*break*/, 2];
-                    console.error('ERRORS:', errors);
-                    setTempError(true);
-                    setTimeout(function () {
-                        setTempError(false);
-                    }, 500);
-                    return [3 /*break*/, 11];
-                case 2:
-                    _d.trys.push([2, 10, , 11]);
-                    setLoading(true);
-                    newValues = {};
-                    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 (!customSend) return [3 /*break*/, 4];
-                    return [4 /*yield*/, customSend(newValues, reload)];
-                case 3:
-                    customResp = _d.sent();
-                    setLoading(false);
-                    return [2 /*return*/, customResp];
-                case 4:
-                    payload = {
-                        formValues: { steps: newValues },
-                    };
-                    if (token) {
-                        payload.token = token;
-                    }
-                    url = "/ticket/".concat(internal ? form.apiKey : apiKey);
-                    if (!(domain || internal)) return [3 /*break*/, 6];
-                    return [4 /*yield*/, widgetInstance.post("".concat(url, "?idOrganization=").concat(domain), payload)];
-                case 5:
-                    _c = _d.sent();
-                    return [3 /*break*/, 8];
-                case 6: return [4 /*yield*/, axiosInstance.post(url, payload)];
-                case 7:
-                    _c = _d.sent();
-                    _d.label = 8;
-                case 8:
-                    resp = _c;
-                    setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
-                    _d.label = 9;
-                case 9:
-                    setLoading(false);
-                    return [3 /*break*/, 11];
-                case 10:
-                    error_1 = _d.sent();
-                    console.error(error_1);
-                    setLoading(false);
-                    return [3 /*break*/, 11];
-                case 11: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }), showConfirmation !== undefined && (_jsx(ConfirmationDialog, { formStyle: formStyle, confirmation: showConfirmation, onClose: function () {
-                    reload();
-                    setShowConfirmation(undefined);
-                } })), sections.map(function (idSection, index) { return (_jsx(SectionComponent, __assign({ form: form, sendLabel: sendLabel, domain: domain, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle, customSteps: customSteps, setDependencyStore: setDependencyStore, dependencyStore: dependencyStore, setFocus: setFocus }, others), idSection)); }), form.terms &&
-                (!internal || (internal && postview)) &&
-                (originalValues === null || originalValues === void 0 ? void 0 : originalValues['INTERNAL_CREATING_AGENT']) === undefined && (_jsx("div", __assign({ className: styles.termsContainer, style: {
-                    width: (form.size.blockSize + form.size.spacingSize) *
-                        form.size.blockNum,
-                } }, { children: form.terms.map(function (term) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, term.id)); }) }))), !postview && others.editable && (_jsxs(React.Fragment, { children: [form.hasCaptcha && !internal && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), !customSubmit && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "form__submit", className: styles.submitBtn, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
-                                var valid, captcha;
-                                return __generator(this, function (_a) {
-                                    switch (_a.label) {
-                                        case 0:
-                                            if (!(form.hasCaptcha && !internal)) return [3 /*break*/, 5];
-                                            return [4 /*yield*/, trigger(undefined, {
-                                                    shouldFocus: true,
-                                                })];
-                                        case 1:
-                                            valid = _a.sent();
-                                            if (!valid) return [3 /*break*/, 4];
-                                            captcha = recaptchaRef.current.getValue();
-                                            if (!!captcha) return [3 /*break*/, 3];
-                                            return [4 /*yield*/, (recaptchaRef === null || recaptchaRef === void 0 ? void 0 : recaptchaRef.current.executeAsync())];
-                                        case 2:
-                                            captcha =
-                                                _a.sent();
-                                            _a.label = 3;
-                                        case 3:
-                                            onSubmit(captcha);
-                                            _a.label = 4;
-                                        case 4: return [3 /*break*/, 6];
-                                        case 5:
-                                            onSubmit();
-                                            _a.label = 6;
-                                        case 6: return [2 /*return*/];
-                                    }
-                                });
-                            }); }, style: {
-                                background: formStyle.primaryColor,
-                                color: formStyle.primaryContrastColor,
-                            }, disabled: loading }, { children: [_jsx("div", __assign({ style: {
-                                        visibility: loading
-                                            ? 'hidden'
-                                            : 'visible',
-                                    } }, { children: sendLabel !== null && sendLabel !== void 0 ? sendLabel : 'Enviar' })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }) })))] })) }))), customSubmit &&
-                        cloneElement(customSubmit, {
-                            onSubmit: onSubmit,
-                            loading: loading,
-                        })] }))] })));
-}
-export default ColumnForm;
-function calcNextSection(form, idSection, sections) {
-    var _a;
-    var section = form.sections[idSection];
-    if (section) {
-        sections.push(idSection);
-        var nextSectionId = (_a = section.nextSection) !== null && _a !== void 0 ? _a : '';
-        var nextSection = form.sections[nextSectionId];
-        if (nextSection) {
-            calcNextSection(form, nextSectionId, sections);
-        }
-    }
-}
-export var calcValue = function (idStep, steps, values, customSteps, deleteIds, value) {
-    var _a, _b;
-    if (value === void 0) { value = values[idStep]; }
-    var step = steps[idStep];
-    if (!step)
-        return value;
-    var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
-    if (custom !== undefined) {
-        return (_b = (_a = custom.calcValue) === null || _a === void 0 ? void 0 : _a.call(custom, step, value)) !== null && _b !== void 0 ? _b : value;
-    }
-    else {
-        switch (step === null || step === void 0 ? void 0 : step.type) {
-            case Types.TEXTAREA: {
-                if (step.hasTextEditor) {
-                    var currentContent = value.getCurrentContent();
-                    return {
-                        value: currentContent.getPlainText(),
-                        draft: convertToRaw(currentContent),
-                    };
-                }
-                else {
-                    return {
-                        value: value,
-                        draft: stringToDraft(value),
-                    };
-                }
-            }
-            case Types.FILEUPLOAD: {
-                return value.map(function (val) { return ({
-                    fileName: val.fileName,
-                    S3Key: val.S3Key,
-                }); });
-            }
-            case Types.SELECTOR:
-            case Types.CLASSIFIER_SELECTOR: {
-                return value.value;
-            }
-            case Types.COLLAPSIBLE: {
-                return !!value;
-            }
-            case Types.MAPPER: {
-                var elements = value === null || value === void 0 ? void 0 : value.filter(function (element) { return element.deleted !== true; });
-                var mappedValues = [];
-                for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {
-                    var element = elements_1[_i];
-                    var newValue = {
-                        id: element.id,
-                        value: element.value,
-                    };
-                    for (var _c = 0, _d = Object.keys(step.steps); _c < _d.length; _c++) {
-                        var idStep_1 = _d[_c];
-                        var mappedId = element.ids[idStep_1];
-                        if (values[mappedId] !== undefined) {
-                            newValue[idStep_1] = calcValue(idStep_1, step.steps, values, customSteps, deleteIds, values[mappedId]);
-                            deleteIds.push(mappedId);
-                        }
-                    }
-                    mappedValues.push(newValue);
-                }
-                return mappedValues;
-            }
-            default:
-                if ((step === null || step === void 0 ? void 0 : step.type) === 'CBR_INCIDENCIAS') {
-                    return value === null || value === void 0 ? void 0 : value.filter(function (incidencia) { return incidencia.deleted !== true; });
-                }
-                return value;
-        }
-    }
-};
-function stringToDraft(text) {
-    var draftStructure = {
-        blocks: [],
-        entityMap: {},
-    };
-    text.split('\n').forEach(function (element, index) {
-        draftStructure.blocks.push({
-            key: String(index),
-            text: element,
-            type: 'unstyled',
-            depth: 0,
-            inlineStyleRanges: [],
-            entityRanges: [],
-            data: {},
-        });
-    });
-    return draftStructure;
-}
-function calcDependencies(steps, originalValues, customSteps, allSteps, dependencies) {
-    var _a, _b;
-    if (customSteps === void 0) { customSteps = {}; }
-    if (allSteps === void 0) { allSteps = steps; }
-    if (dependencies === void 0) { dependencies = {}; }
-    for (var _i = 0, _c = Object.values(steps); _i < _c.length; _i++) {
-        var step = _c[_i];
-        if (step.dependencies) {
-            for (var _d = 0, _e = step.dependencies; _d < _e.length; _d++) {
-                var idDep = _e[_d];
-                var depStep = allSteps[idDep];
-                if (depStep && dependencies[idDep] === undefined) {
-                    dependencies[idDep] = calcStepDependencyValue(depStep, customSteps, originalValues);
-                }
-                else if (dependencies[idDep] === undefined) {
-                    dependencies[idDep] = originalValues[idDep];
-                }
-            }
-        }
-        if (step.type === Types.MAPPER) {
-            var newSteps = {};
-            var elements = (_a = originalValues[step.id]) !== null && _a !== void 0 ? _a : [];
-            var _loop_1 = function (element) {
-                for (var _g = 0, _h = Object.keys(step.steps); _g < _h.length; _g++) {
-                    var idSubStep = _h[_g];
-                    var subStep = step.steps[idSubStep];
-                    var mappedId = element.ids[idSubStep];
-                    newSteps[mappedId] = __assign(__assign({}, subStep), { id: mappedId, dependencies: (_b = subStep.dependencies) === null || _b === void 0 ? void 0 : _b.map(function (dep) { var _a; return (_a = element.ids[dep]) !== null && _a !== void 0 ? _a : dep; }) });
-                }
-            };
-            for (var _f = 0, elements_2 = elements; _f < elements_2.length; _f++) {
-                var element = elements_2[_f];
-                _loop_1(element);
-            }
-            if (elements.length === 0) {
-                newSteps = step.steps;
-            }
-            calcDependencies(newSteps, originalValues, customSteps, __assign(__assign({}, allSteps), newSteps), dependencies);
-        }
-    }
-    return dependencies;
-}
-export function calcStepDependencyValue(depStep, originalValues, customSteps) {
-    var _a, _b, _c, _d;
-    if (customSteps === void 0) { customSteps = {}; }
-    var custom = customSteps[depStep === null || depStep === void 0 ? void 0 : depStep.type];
-    if (custom === null || custom === void 0 ? void 0 : custom.calcDependencyValue) {
-        return custom.calcDependencyValue(depStep, originalValues[depStep.id]);
-    }
-    switch (depStep.type) {
-        case Types.TEXTAREA: {
-            if (depStep.hasTextEditor) {
-                return null;
-            }
-            else {
-                return (_a = originalValues[depStep.id]) === null || _a === void 0 ? void 0 : _a.value;
-            }
-        }
-        case Types.MAPPER: {
-            return ((_c = (_b = originalValues[depStep.id]) === null || _b === void 0 ? void 0 : _b.map(function (mapperValue) { var _a; return (_a = mapperValue.value) !== null && _a !== void 0 ? _a : mapperValue; })) !== null && _c !== void 0 ? _c : null);
-        }
-        default:
-            return (_d = originalValues[depStep.id]) !== null && _d !== void 0 ? _d : null;
-    }
-}

package/dist/FormComponents/Form/ColumnForm/ColumnForm.module.css

@@ -1,51 +0,0 @@
-.container {
-    width: fit-content;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    max-width: 100%;
-    position: relative;
-}
-.curtain {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 2;
-}
-.submitBtnContainer {
-    margin-top: 10px;
-    width: 200px;
-    max-width: calc(100% - 40px);
-}
-
-.submitBtn {
-    border-radius: 20px;
-    padding: 15px 10px;
-    width: calc(100% - 30px);
-    margin: 0 auto 0 auto;
-    font-size: 1.4rem;
-    cursor: pointer;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    border: none;
-    position: relative;
-}
-.submitBtn[disabled] {
-    pointer-events: none;
-    opacity: 0.5;
-}
-
-.loaderContainer {
-    top: 0px;
-    bottom: 0px;
-    right: 0px;
-    left: 0px;
-    position: absolute;
-}
-
-.termsContainer {
-    max-width: 100%;
-}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { FormStyle } from '../../../@Types/Form';
-interface ConfirmationDialogProps {
-    confirmation: {
-        case: string;
-        url: string;
-    };
-    onClose: Function;
-    formStyle: FormStyle;
-}
-declare function ConfirmationDialog({ confirmation, formStyle, onClose, }: ConfirmationDialogProps): JSX.Element;
-export default ConfirmationDialog;

package/dist/FormComponents/Form/ConfirmationDialog/ConfirmationDialog.js

@@ -1,31 +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';
-function ConfirmationDialog(_a) {
-    var confirmation = _a.confirmation, formStyle = _a.formStyle, onClose = _a.onClose;
-    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/FormComponents/Form/ConfirmationDialog/ConfirmationDialog.module.css

@@ -1,64 +0,0 @@
-.confirmationContainer {
-    display: flex;
-    flex-direction: column;
-    width: fit-content;
-    max-height: 80vh;
-    max-width: 80vw;
-    position: relative;
-}
-
-.container {
-    max-height: 100%;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    overflow-y: auto;
-}
-.confirmationContainer,
-.confirmationContainer *,
-.confirmationContainer *::after,
-.confirmationContainer *::before {
-    -webkit-box-sizing: content-box;
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-}
-
-.checkContainer {
-    margin-left: auto;
-    margin-right: auto;
-    padding-top: 30px;
-    height: fit-content;
-    margin-bottom: 15px;
-}
-
-.messageContainer {
-    margin-top: 5px;
-    margin-left: 20px;
-    margin-right: 20px;
-    font-size: 1.2rem;
-    text-align: center;
-}
-
-.linkContainer {
-    margin-top: 20px;
-    font-size: 1.2rem;
-    margin-left: 20px;
-}
-.url {
-    font-weight: bolder;
-    margin-left: 40px;
-    margin-right: 40px;
-    margin-top: 10px;
-    margin-bottom: 40px;
-    cursor: pointer;
-    font-size: 1rem;
-    max-width: calc(100% - 100px);
-    word-break: break-all;
-}
-.closeIcon {
-    right: 15px;
-    top: 10px;
-    font-size: 26px;
-    position: absolute;
-    cursor: pointer;
-}

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

@@ -1,42 +0,0 @@
-/// <reference types="react" />
-import { Organization } from '../../@Types/@Types';
-import { Form, FormStyle } from '../../@Types/Form';
-import { CustomStep } from '../../App';
-export declare const getLocale: () => any;
-export interface WidthStats {
-    currentBreakPoint: number;
-    isResponsive: boolean;
-    isMobile: boolean;
-}
-export interface FormComponentProps {
-    form: Form;
-    organization: Organization;
-    originalValues: Record<string, unknown>;
-    customSteps: Record<string, CustomStep>;
-    customStepProps: Record<string, any>;
-    customSend?: (values: any, reload: Function) => Promise<any>;
-    customSubmit?: JSX.Element;
-    widthStats: WidthStats;
-    internal: boolean;
-    reload: Function;
-    partial: boolean;
-    postview: boolean;
-    preview: boolean;
-    formStyle: FormStyle;
-    domain?: string;
-    apiKey: string | undefined;
-    /** Function to call on postview to fetch the download url of a file */
-    fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
-    /** Function to call when the form has loaded */
-    handleLoaded: () => void;
-    /** If the form can be edited (For entities) */
-    editable: boolean;
-    /** The custom send label to display */
-    sendLabel?: string;
-}
-declare function FormComponent({ form, isWidget, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle' | 'handleLoaded'> & {
-    containerRef: any;
-    organization: Organization | null;
-    isWidget: boolean;
-}): JSX.Element;
-export default FormComponent;