@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

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

@@ -1,232 +1,232 @@
-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 (_) 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 } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-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 axios from 'axios';
-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, widthStats = _a.widthStats, originalValues = _a.originalValues;
-    var _b = useState(false), tempError = _b[0], setTempError = _b[1];
-    var _c = useForm({
-        defaultValues: mapValues(originalValues, form),
-        mode: 'onTouched',
-        shouldFocusError: true,
-    }), getValues = _c.getValues, setValue = _c.setValue, clearErrors = _c.clearErrors, control = _c.control, errors = _c.formState.errors, trigger = _c.trigger;
-    var _d = useState(undefined), sections = _d[0], setSections = _d[1];
-    var _e = useState(false), loading = _e[0], setLoading = _e[1];
-    var _f = useState(), showConfirmation = _f[0], setShowConfirmation = _f[1];
-    useEffect(function () {
-        var tempSections = [];
-        calcNextSection(form, form.firstSection, tempSections);
-        setSections(tempSections);
-    }, []);
-    if (sections === undefined) {
-        return _jsx("div", {}, void 0);
-    }
-    var onSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
-        var valid, values, _i, _a, idStep, url, resp, error_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!(apiKey || internal)) return [3 /*break*/, 5];
-                    return [4 /*yield*/, trigger()];
-                case 1:
-                    valid = _b.sent();
-                    values = getValues();
-                    if (!!valid) return [3 /*break*/, 2];
-                    console.log('ERRORS:', errors);
-                    setTempError(true);
-                    setTimeout(function () {
-                        setTempError(false);
-                    }, 500);
-                    return [3 /*break*/, 5];
-                case 2:
-                    _b.trys.push([2, 4, , 5]);
-                    setLoading(true);
-                    for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
-                        idStep = _a[_i];
-                        updateValue(idStep, values, form);
-                    }
-                    url = "https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/ticket?apiKey=" + (internal ? form.apiKey : apiKey);
-                    if (domain) {
-                        url += "&domain=" + domain;
-                    }
-                    console.log(values);
-                    return [4 /*yield*/, axios.post(url, {
-                            formValues: { steps: values },
-                        })];
-                case 3:
-                    resp = _b.sent();
-                    console.log(resp);
-                    setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
-                    setLoading(false);
-                    return [3 /*break*/, 5];
-                case 4:
-                    error_1 = _b.sent();
-                    console.error(error_1);
-                    setLoading(false);
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }, void 0), showConfirmation !== undefined && (_jsx(ConfirmationDialog, { formStyle: formStyle, confirmation: showConfirmation, onClose: function () {
-                    reload();
-                    setShowConfirmation(undefined);
-                } }, void 0)), sections.map(function (idSection, index) { return (_jsx(SectionComponent, { form: form, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle }, index)); }), form.terms &&
-                !internal &&
-                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 && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "login__submit", className: styles.submitBtn, onClick: function () {
-                        onSubmit();
-                    }, style: {
-                        background: formStyle.primaryColor,
-                        color: formStyle.primaryContrastColor,
-                    }, disabled: loading }, { children: [_jsx("div", __assign({ style: {
-                                visibility: loading ? 'hidden' : 'visible',
-                            } }, { children: "Enviar" }), void 0), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }, void 0) }), void 0))] }), void 0) }), void 0))] }), void 0));
-}
-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);
-        }
-    }
-}
-var updateValue = function (idStep, values, form) {
-    var step = form.steps[idStep];
-    switch (step === null || step === void 0 ? void 0 : step.type) {
-        case Types.TEXTAREA: {
-            var value = values[step.id];
-            if (step.hasTextEditor) {
-                var currentContent = value.getCurrentContent();
-                values[step.id] = {
-                    value: currentContent.getPlainText(),
-                    draft: convertToRaw(currentContent),
-                };
-            }
-            else {
-                values[step.id] = {
-                    value: value,
-                    draft: stringToDraft(value),
-                };
-            }
-            break;
-        }
-        case Types.CLASSIFIER_SELECTOR: {
-            var value = values[step.id];
-            if (value !== undefined) {
-                values[step.id] = {
-                    value: value,
-                    path: form.classifiers[value],
-                    idClassifier: step.idClassifier,
-                };
-            }
-            break;
-        }
-        default:
-            break;
-    }
-};
-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 mapValues(pValues, form) {
-    var _a, _b, _c;
-    var values = __assign({}, (pValues !== null && pValues !== void 0 ? pValues : {}));
-    for (var _i = 0, _d = Object.keys(values); _i < _d.length; _i++) {
-        var idStep = _d[_i];
-        var step = form.steps[idStep];
-        switch (step === null || step === void 0 ? void 0 : step.type) {
-            case Types.TEXTAREA: {
-                var value = __assign({}, values[step.id]);
-                if (step.hasTextEditor) {
-                    delete values[step.id];
-                }
-                else if (value.value != undefined) {
-                    values[step.id] = (_a = value.value) !== null && _a !== void 0 ? _a : '';
-                }
-                break;
-            }
-            case Types.CLASSIFIER_SELECTOR: {
-                values[step.id] = (_c = (_b = values[step.id]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '';
-                break;
-            }
-            default:
-                break;
-        }
-    }
-    return values;
-}
+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 (_) 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 } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+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 axios from 'axios';
+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, widthStats = _a.widthStats, customSteps = _a.customSteps, originalValues = _a.originalValues;
+    var _b = useState(false), tempError = _b[0], setTempError = _b[1];
+    var _c = useForm({
+        defaultValues: mapValues(originalValues, form),
+        mode: 'onTouched',
+        shouldFocusError: true,
+    }), getValues = _c.getValues, setValue = _c.setValue, clearErrors = _c.clearErrors, control = _c.control, errors = _c.formState.errors, trigger = _c.trigger;
+    var _d = useState(undefined), sections = _d[0], setSections = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = useState(), showConfirmation = _f[0], setShowConfirmation = _f[1];
+    useEffect(function () {
+        var tempSections = [];
+        calcNextSection(form, form.firstSection, tempSections);
+        setSections(tempSections);
+    }, []);
+    if (sections === undefined) {
+        return _jsx("div", {}, void 0);
+    }
+    var onSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
+        var valid, values, _i, _a, idStep, url, resp, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(apiKey || internal)) return [3 /*break*/, 5];
+                    return [4 /*yield*/, trigger()];
+                case 1:
+                    valid = _b.sent();
+                    values = getValues();
+                    if (!!valid) return [3 /*break*/, 2];
+                    console.log('ERRORS:', errors);
+                    setTempError(true);
+                    setTimeout(function () {
+                        setTempError(false);
+                    }, 500);
+                    return [3 /*break*/, 5];
+                case 2:
+                    _b.trys.push([2, 4, , 5]);
+                    setLoading(true);
+                    for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
+                        idStep = _a[_i];
+                        updateValue(idStep, values, form);
+                    }
+                    url = "https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/ticket?apiKey=" + (internal ? form.apiKey : apiKey);
+                    if (domain) {
+                        url += "&domain=" + domain;
+                    }
+                    console.log(values);
+                    return [4 /*yield*/, axios.post(url, {
+                            formValues: { steps: values },
+                        })];
+                case 3:
+                    resp = _b.sent();
+                    console.log(resp);
+                    setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
+                    setLoading(false);
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _b.sent();
+                    console.error(error_1);
+                    setLoading(false);
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }, void 0), showConfirmation !== undefined && (_jsx(ConfirmationDialog, { formStyle: formStyle, confirmation: showConfirmation, onClose: function () {
+                    reload();
+                    setShowConfirmation(undefined);
+                } }, void 0)), sections.map(function (idSection, index) { return (_jsx(SectionComponent, { form: form, 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 }, index)); }), form.terms &&
+                !internal &&
+                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 && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "login__submit", className: styles.submitBtn, onClick: function () {
+                        onSubmit();
+                    }, style: {
+                        background: formStyle.primaryColor,
+                        color: formStyle.primaryContrastColor,
+                    }, disabled: loading }, { children: [_jsx("div", __assign({ style: {
+                                visibility: loading ? 'hidden' : 'visible',
+                            } }, { children: "Enviar" }), void 0), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }, void 0) }), void 0))] }), void 0) }), void 0))] }), void 0));
+}
+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);
+        }
+    }
+}
+var updateValue = function (idStep, values, form) {
+    var step = form.steps[idStep];
+    switch (step === null || step === void 0 ? void 0 : step.type) {
+        case Types.TEXTAREA: {
+            var value = values[step.id];
+            if (step.hasTextEditor) {
+                var currentContent = value.getCurrentContent();
+                values[step.id] = {
+                    value: currentContent.getPlainText(),
+                    draft: convertToRaw(currentContent),
+                };
+            }
+            else {
+                values[step.id] = {
+                    value: value,
+                    draft: stringToDraft(value),
+                };
+            }
+            break;
+        }
+        case Types.CLASSIFIER_SELECTOR: {
+            var value = values[step.id];
+            if (value !== undefined) {
+                values[step.id] = {
+                    value: value,
+                    path: form.classifiers[value],
+                    idClassifier: step.idClassifier,
+                };
+            }
+            break;
+        }
+        default:
+            break;
+    }
+};
+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 mapValues(pValues, form) {
+    var _a, _b, _c;
+    var values = __assign({}, (pValues !== null && pValues !== void 0 ? pValues : {}));
+    for (var _i = 0, _d = Object.keys(values); _i < _d.length; _i++) {
+        var idStep = _d[_i];
+        var step = form.steps[idStep];
+        switch (step === null || step === void 0 ? void 0 : step.type) {
+            case Types.TEXTAREA: {
+                var value = __assign({}, values[step.id]);
+                if (step.hasTextEditor) {
+                    delete values[step.id];
+                }
+                else if (value.value != undefined) {
+                    values[step.id] = (_a = value.value) !== null && _a !== void 0 ? _a : '';
+                }
+                break;
+            }
+            case Types.CLASSIFIER_SELECTOR: {
+                values[step.id] = (_c = (_b = values[step.id]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '';
+                break;
+            }
+            default:
+                break;
+        }
+    }
+    return values;
+}

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

@@ -0,0 +1,46 @@
+.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;
+}
+
+.submitBtn {
+    border-radius: 20px;
+    padding: 15px 10px;
+    width: 100%;
+    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;
+}

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

@@ -1,12 +1,12 @@
-/// <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;
+/// <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,33 +1,33 @@
-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: '60vw',
-            },
-        }, onClose: function () {
-            onClose();
-        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
-                        onClose();
-                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _jsx("div", __assign({ className: styles.checkContainer, style: { color: formStyle.primaryColor } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["Tu caso n\u00FAmero", ' ', _jsx("span", __assign({ style: { fontWeight: 'bold' } }, { children: confirmation.case }), void 0), ' ', "ha sido registrado!"] }), void 0), _jsx("div", __assign({ className: styles.messageContainer }, { children: "Pronto te estaremos dando respuesta." }), void 0), _jsxs("div", __assign({ className: styles.linkContainer }, { children: ["Puedes consultar el estado aqui:", ' '] }), void 0), _jsx("div", __assign({ className: styles.url, onClick: function () {
-                        var _a, _b, _c;
-                        (_c = (_b = (_a = window.open) === null || _a === void 0 ? void 0 : _a.call(window, confirmation.url, '_blank')) === null || _b === void 0 ? void 0 : _b.focus) === null || _c === void 0 ? void 0 : _c.call(_b);
-                    } }, { children: confirmation.url }), void 0)] }), void 0) }), void 0));
-}
-export default ConfirmationDialog;
+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: '60vw',
+            },
+        }, onClose: function () {
+            onClose();
+        }, open: true }, { children: _jsxs("div", __assign({ className: styles.confirmationContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
+                        onClose();
+                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _jsx("div", __assign({ className: styles.checkContainer, style: { color: formStyle.primaryColor } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _jsxs("div", __assign({ className: styles.messageContainer }, { children: ["Tu caso n\u00FAmero", ' ', _jsx("span", __assign({ style: { fontWeight: 'bold' } }, { children: confirmation.case }), void 0), ' ', "ha sido registrado!"] }), void 0), _jsx("div", __assign({ className: styles.messageContainer }, { children: "Pronto te estaremos dando respuesta." }), void 0), _jsxs("div", __assign({ className: styles.linkContainer }, { children: ["Puedes consultar el estado aqui:", ' '] }), void 0), _jsx("div", __assign({ className: styles.url, onClick: function () {
+                        var _a, _b, _c;
+                        (_c = (_b = (_a = window.open) === null || _a === void 0 ? void 0 : _a.call(window, confirmation.url, '_blank')) === null || _b === void 0 ? void 0 : _b.focus) === null || _c === void 0 ? void 0 : _c.call(_b);
+                    } }, { children: confirmation.url }), void 0)] }), void 0) }), void 0));
+}
+export default ConfirmationDialog;