@arquimedes.co/eureka-forms 1.9.16-test → 1.9.17-test

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

@@ -1,61 +1,3 @@
-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 { useEffect, useRef, useState } from 'react';
 import ReCAPTCHA from 'react-google-recaptcha';
@@ -70,22 +12,20 @@ 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, handleLoaded = _a.handleLoaded, originalValues = _a.originalValues, others = __rest(_a, ["form", "apiKey", "reload", "domain", "postview", "internal", "formStyle", "sendLabel", "widthStats", "customSteps", "customSend", "handleLoaded", "originalValues"]);
-    var _b = useState(false), tempError = _b[0], setTempError = _b[1];
-    var _c = useState(calcDependencies(form.steps, originalValues)), dependencyStore = _c[0], setDependencyStore = _c[1];
-    var _d = useForm({
+function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, sendLabel, widthStats, customSteps, customSend, handleLoaded, originalValues, ...others }) {
+    const [tempError, setTempError] = useState(false);
+    const [dependencyStore, setDependencyStore] = useState(calcDependencies(form.steps, originalValues));
+    const { getValues, setValue, clearErrors, control, formState: { errors }, trigger, } = useForm({
         defaultValues: mapOriginalValues(originalValues, form),
         mode: 'onTouched',
         shouldFocusError: true,
-    }), getValues = _d.getValues, setValue = _d.setValue, clearErrors = _d.clearErrors, control = _d.control, errors = _d.formState.errors, trigger = _d.trigger;
-    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 = [];
+    });
+    const recaptchaRef = useRef();
+    const [sections, setSections] = useState(undefined);
+    const [loading, setLoading] = useState(false);
+    const [showConfirmation, setShowConfirmation] = useState();
+    useEffect(() => {
+        const tempSections = [];
         calcNextSection(form, form.firstSection, tempSections);
         setSections(tempSections);
         handleLoaded();
@@ -93,134 +33,99 @@ function ColumnForm(_a) {
     if (sections === undefined) {
         return _jsx("div", {});
     }
-    var onSubmit = function (token) { return __awaiter(_this, void 0, void 0, function () {
-        var valid, values, _i, _a, idStep, payload, url, resp, _b, error_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    if (!(apiKey || internal || customSend)) return [3 /*break*/, 11];
-                    return [4 /*yield*/, trigger(undefined, { shouldFocus: true })];
-                case 1:
-                    valid = _c.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:
-                    _c.trys.push([2, 10, , 11]);
+    const onSubmit = async (token) => {
+        if (apiKey || internal || customSend) {
+            const valid = await trigger(undefined, { shouldFocus: true });
+            const values = getValues();
+            if (!valid) {
+                console.error('ERRORS:', errors);
+                setTempError(true);
+                setTimeout(() => {
+                    setTempError(false);
+                }, 500);
+            }
+            else {
+                try {
                     setLoading(true);
-                    for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
-                        idStep = _a[_i];
+                    for (const idStep of Object.keys(values)) {
                         updateValue(idStep, values, form, customSteps);
                     }
-                    if (!customSend) return [3 /*break*/, 4];
-                    return [4 /*yield*/, customSend(values, reload)];
-                case 3:
-                    _c.sent();
-                    return [3 /*break*/, 9];
-                case 4:
-                    payload = {
-                        formValues: { steps: values },
-                    };
-                    if (token) {
-                        payload.token = token;
+                    if (customSend) {
+                        await customSend(values, reload);
+                    }
+                    else {
+                        const payload = {
+                            formValues: { steps: values },
+                        };
+                        if (token) {
+                            payload.token = token;
+                        }
+                        const url = `/ticket/${internal ? form.apiKey : apiKey}`;
+                        const resp = domain || internal
+                            ? await widgetInstance.post(`${url}?idOrganization=${domain}`, payload)
+                            : await axiosInstance.post(url, payload);
+                        setShowConfirmation(resp?.data);
                     }
-                    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:
-                    _b = _c.sent();
-                    return [3 /*break*/, 8];
-                case 6: return [4 /*yield*/, axiosInstance.post(url, payload)];
-                case 7:
-                    _b = _c.sent();
-                    _c.label = 8;
-                case 8:
-                    resp = _b;
-                    setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
-                    _c.label = 9;
-                case 9:
                     setLoading(false);
-                    return [3 /*break*/, 11];
-                case 10:
-                    error_1 = _c.sent();
-                    console.error(error_1);
+                }
+                catch (error) {
+                    console.error(error);
                     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 () {
+        }
+    };
+    return (_jsxs("div", { className: styles.container, style: { color: formStyle.textColor }, children: [loading && _jsx("div", { className: styles.curtain }), showConfirmation !== undefined && (_jsx(ConfirmationDialog, { formStyle: formStyle, confirmation: showConfirmation, onClose: () => {
                     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, trigger: trigger }, others), index)); }), form.terms &&
+                } })), sections.map((idSection, index) => (_jsx(SectionComponent, { 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, trigger: trigger, ...others }, index))), form.terms &&
                 (!internal || (internal && postview)) &&
-                (originalValues === null || originalValues === void 0 ? void 0 : originalValues['INTERNAL_CREATING_AGENT']) === undefined && (_jsx("div", __assign({ className: styles.termsContainer, style: {
+                originalValues?.['INTERNAL_CREATING_AGENT'] === undefined && (_jsx("div", { className: styles.termsContainer, style: {
                     width: (form.size.blockSize + form.size.spacingSize) *
                         form.size.blockNum,
-                } }, { children: form.terms.map(function (term, index) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index)); }) }))), !postview && (_jsxs(React.Fragment, { children: [form.hasCaptcha && !internal && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), _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:
+                }, children: form.terms.map((term, index) => (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index))) })), !postview && (_jsxs(React.Fragment, { children: [form.hasCaptcha && !internal && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), _jsx("div", { className: styles.submitBtnContainer, children: _jsxs("button", { "data-testid": "form__submit", className: styles.submitBtn, onClick: async () => {
+                                if (form.hasCaptcha && !internal) {
+                                    const valid = await trigger(undefined, {
+                                        shouldFocus: true,
+                                    });
+                                    if (valid) {
+                                        let captcha = recaptchaRef.current.getValue();
+                                        if (!captcha)
                                             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*/];
+                                                await recaptchaRef?.current.executeAsync();
+                                        onSubmit(captcha);
                                     }
-                                });
-                            }); }, style: {
+                                }
+                                else {
+                                    onSubmit();
+                                }
+                            }, style: {
                                 background: formStyle.primaryColor,
                                 color: formStyle.primaryContrastColor,
-                            }, disabled: loading }, { children: [_jsx("div", __assign({ style: {
+                            }, disabled: loading, children: [_jsx("div", { 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" }) })))] })) }))] }))] })));
+                                    }, children: sendLabel ?? 'Enviar' }), loading && (_jsx("div", { className: styles.loaderContainer, children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }) }))] }) })] }))] }));
 }
 export default ColumnForm;
 function calcNextSection(form, idSection, sections) {
-    var _a;
-    var section = form.sections[idSection];
+    const section = form.sections[idSection];
     if (section) {
         sections.push(idSection);
-        var nextSectionId = (_a = section.nextSection) !== null && _a !== void 0 ? _a : '';
-        var nextSection = form.sections[nextSectionId];
+        const nextSectionId = section.nextSection ?? '';
+        const nextSection = form.sections[nextSectionId];
         if (nextSection) {
             calcNextSection(form, nextSectionId, sections);
         }
     }
 }
-var mapOriginalValues = function (originalValues, form) {
-    var _a;
-    var newValues = __assign({}, originalValues);
-    var _loop_1 = function (val) {
-        var step = form.steps[val];
+const mapOriginalValues = (originalValues, form) => {
+    const newValues = { ...originalValues };
+    for (const val of Object.keys(originalValues)) {
+        const step = form.steps[val];
         if (step) {
-            switch (step === null || step === void 0 ? void 0 : step.type) {
+            switch (step?.type) {
                 case Types.TEXTAREA: {
-                    var value = originalValues[step.id];
+                    const value = originalValues[step.id];
                     if (step.hasTextEditor) {
                         delete newValues[step.id];
                     }
@@ -230,19 +135,19 @@ var mapOriginalValues = function (originalValues, form) {
                     break;
                 }
                 case Types.SELECTOR: {
-                    var value_1 = originalValues[step.id];
-                    var option = step.options.find(function (option) { return option.value == value_1; });
-                    if (!(value_1 === null || value_1 === void 0 ? void 0 : value_1.value))
+                    const value = originalValues[step.id];
+                    const option = step.options.find((option) => option.value == value);
+                    if (!value?.value)
                         newValues[step.id] = option;
                     break;
                 }
                 case Types.CLASSIFIER_SELECTOR: {
-                    var value_2 = originalValues[step.id];
-                    var classifier = form.classifiers[(_a = step.idClassifier) !== null && _a !== void 0 ? _a : ''];
+                    const value = originalValues[step.id];
+                    const classifier = form.classifiers[step.idClassifier ?? ''];
                     if (classifier) {
-                        var option = classifier.children.find(function (child) { return child._id == value_2; });
-                        if (!(value_2 === null || value_2 === void 0 ? void 0 : value_2.value))
-                            newValues[step.id] = { value: value_2, label: option === null || option === void 0 ? void 0 : option.name };
+                        const option = classifier.children.find((child) => child._id == value);
+                        if (!value?.value)
+                            newValues[step.id] = { value, label: option?.name };
                     }
                     break;
                 }
@@ -250,26 +155,21 @@ var mapOriginalValues = function (originalValues, form) {
                     break;
             }
         }
-    };
-    for (var _i = 0, _b = Object.keys(originalValues); _i < _b.length; _i++) {
-        var val = _b[_i];
-        _loop_1(val);
     }
     return newValues;
 };
-var updateValue = function (idStep, values, form, customSteps) {
-    var _a;
-    var step = form.steps[idStep];
-    var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
+const updateValue = (idStep, values, form, customSteps) => {
+    const step = form.steps[idStep];
+    const custom = customSteps[step?.type];
     if (custom !== undefined) {
         custom.updateValue(idStep, values, form);
     }
     else {
-        switch (step === null || step === void 0 ? void 0 : step.type) {
+        switch (step?.type) {
             case Types.TEXTAREA: {
-                var value = values[step.id];
+                const value = values[step.id];
                 if (step.hasTextEditor) {
-                    var currentContent = value.getCurrentContent();
+                    const currentContent = value.getCurrentContent();
                     values[step.id] = {
                         value: currentContent.getPlainText(),
                         draft: convertToRaw(currentContent),
@@ -277,40 +177,40 @@ var updateValue = function (idStep, values, form, customSteps) {
                 }
                 else {
                     values[step.id] = {
-                        value: value,
+                        value,
                         draft: stringToDraft(value),
                     };
                 }
                 break;
             }
             case Types.FILEUPLOAD: {
-                var value = values[step.id];
-                values[step.id] = value.map(function (val) { return ({
+                const value = values[step.id];
+                values[step.id] = value.map((val) => ({
                     fileName: val.fileName,
                     S3Key: val.S3Key,
-                }); });
+                }));
                 break;
             }
             case Types.SELECTOR:
             case Types.CLASSIFIER_SELECTOR: {
-                var value = values[step.id];
+                const value = values[step.id];
                 values[step.id] = value.value;
                 break;
             }
             default:
-                if ((step === null || step === void 0 ? void 0 : step.type) === 'CBR_INCIDENCIAS') {
-                    values[step.id] = (_a = values[step.id]) === null || _a === void 0 ? void 0 : _a.filter(function (inmueble) { return inmueble.deleted !== true; });
+                if (step?.type === 'CBR_INCIDENCIAS') {
+                    values[step.id] = values[step.id]?.filter((inmueble) => inmueble.deleted !== true);
                 }
                 break;
         }
     }
 };
 function stringToDraft(text) {
-    var draftStructure = {
+    let draftStructure = {
         blocks: [],
         entityMap: {},
     };
-    text.split('\n').forEach(function (element, index) {
+    text.split('\n').forEach((element, index) => {
         draftStructure.blocks.push({
             key: String(index),
             text: element,
@@ -324,16 +224,13 @@ function stringToDraft(text) {
     return draftStructure;
 }
 function calcDependencies(steps, originalValues) {
-    var _a;
-    var dependencies = {};
-    for (var _i = 0, _b = Object.values(steps); _i < _b.length; _i++) {
-        var step = _b[_i];
+    const dependencies = {};
+    for (const step of Object.values(steps)) {
         if (step.dependencies) {
-            for (var _c = 0, _d = step.dependencies; _c < _d.length; _c++) {
-                var idDep = _d[_c];
-                var depStep = steps[idDep];
+            for (const idDep of step.dependencies) {
+                const depStep = steps[idDep];
                 if (depStep && dependencies[idDep] === undefined) {
-                    switch (depStep === null || depStep === void 0 ? void 0 : depStep.type) {
+                    switch (depStep?.type) {
                         case Types.TEXTAREA: {
                             if (depStep.hasTextEditor) {
                                 dependencies[idDep] = null;
@@ -345,7 +242,7 @@ function calcDependencies(steps, originalValues) {
                             break;
                         }
                         default:
-                            dependencies[idDep] = (_a = originalValues[idDep]) !== null && _a !== void 0 ? _a : null;
+                            dependencies[idDep] = originalValues[idDep] ?? null;
                             break;
                     }
                 }

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

@@ -1,31 +1,19 @@
-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: {
+function ConfirmationDialog({ confirmation, formStyle, onClose, }) {
+    return (_jsx(Dialog, { PaperProps: {
             style: {
                 borderRadius: '20px',
                 maxWidth: '100vw',
                 boxSizing: 'content-box',
             },
-        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+        }, open: true, children: _jsxs("div", { className: styles.confirmationContainer, style: { color: formStyle.textColor }, children: [_jsx("div", { className: styles.closeIcon, onClick: () => {
                         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: {
+                    }, children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) }), _jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.checkContainer, style: { color: formStyle.primaryColor }, children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }) }), _jsxs("div", { className: styles.messageContainer, children: ["Tu caso n\u00FAmero", ' ', _jsx("span", { style: { fontWeight: 'bold' }, children: confirmation.case }), ' ', "ha sido registrado!"] }), _jsx("div", { className: styles.messageContainer, children: "Pronto te estaremos dando respuesta." }), _jsxs("div", { className: styles.linkContainer, children: ["Puedes consultar el estado aqui:", ' '] }), _jsx("a", { className: styles.url, "data-testid": "ResUrl", target: "_blank", href: confirmation.url, style: {
                                 color: formStyle.textColor,
-                            } }, { children: confirmation.url }))] }))] })) })));
+                            }, children: confirmation.url })] })] }) }));
 }
 export default ConfirmationDialog;