@arquimedes.co/eureka-forms 1.9.3-test → 1.9.4-test

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

@@ -66,7 +66,6 @@ import Types from '../../../constants/FormStepTypes';
 import { convertToRaw } from 'draft-js';
 import TermComponent from '../../Term/Term';
 import ConfirmationDialog from '../ConfirmationDialog/ConfirmationDialog';
-import EntradasConfirmationDialog from '../EntradasAmarillasDialog/ConfirmationDialog';
 import Loader from '../../../shared/Loader/Loader';
 import axiosInstance from '../../../AxiosAPI';
 import widgetInstance from '../../../AxiosWidget';
@@ -85,7 +84,6 @@ function ColumnForm(_a) {
     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];
-    var _h = useState(), showEntradasConfirmation = _h[0], setShowEntradasConfirmation = _h[1];
     useEffect(function () {
         var tempSections = [];
         calcNextSection(form, form.firstSection, tempSections);
@@ -143,14 +141,7 @@ function ColumnForm(_a) {
                     _c.label = 8;
                 case 8:
                     resp = _b;
-                    if (others.organization.idOrganization ===
-                        'entradasamarillas' &&
-                        form.apiKey === 'precarga') {
-                        setShowEntradasConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
-                    }
-                    else {
-                        setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
-                    }
+                    setShowConfirmation(resp === null || resp === void 0 ? void 0 : resp.data);
                     _c.label = 9;
                 case 9:
                     setLoading(false);
@@ -167,9 +158,6 @@ function ColumnForm(_a) {
     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)), showEntradasConfirmation !== undefined && (_jsx(EntradasConfirmationDialog, { formStyle: formStyle, widthStats: widthStats, confirmation: showEntradasConfirmation, onClose: function () {
-                    reload();
-                    setShowEntradasConfirmation(undefined);
                 } }, void 0)), sections.map(function (idSection, index) { return (_jsx(SectionComponent, __assign({ form: form, 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: {

package/dist/FormComponents/Step/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -66,7 +66,7 @@ import React from 'react';
 function SmartSelect(_a) {
     var _this = this;
     var _b, _c, _d, _e;
-    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, changeListener = _a.changeListener, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
+    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, originalValues = _a.originalValues, changeListener = _a.changeListener, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
         var _a;
         var missingDeps = [];
         for (var _i = 0, _b = (_a = step.dependencies) !== null && _a !== void 0 ? _a : []; _i < _b.length; _i++) {
@@ -76,7 +76,7 @@ function SmartSelect(_a) {
             }
         }
         return missingDeps;
-    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "getValueString", "changeListener", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
+    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "iconComponent", "valueOverwrite", "getValueString", "originalValues", "changeListener", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
     var _g = useState(true), first = _g[0], setFirst = _g[1];
     var _h = useState(), options = _h[0], setOptions = _h[1];
     var _j = useState(), error = _j[0], setError = _j[1];
@@ -115,7 +115,7 @@ function SmartSelect(_a) {
         if (!postview) {
             if (first) {
                 setFirst(false);
-                var invalids = calcInvalidDeps(step, dependencyStore).filter(function (idDep) { return others.originalValues[idDep]; });
+                var invalids = calcInvalidDeps(step, dependencyStore).filter(function (idDep) { return originalValues[idDep]; });
                 setError(calcDepError === null || calcDepError === void 0 ? void 0 : calcDepError(invalids.map(function (idDep) { var _a; return (_a = form.steps[idDep]) === null || _a === void 0 ? void 0 : _a.type; })));
                 calcOptions(value, invalids);
             }
@@ -132,6 +132,19 @@ function SmartSelect(_a) {
             setOptions([value]);
         }
     }, (_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b.map(function (dep) { return dependencyStore[dep]; })) !== null && _c !== void 0 ? _c : []);
+    /**
+     * If the original value has no label search for it in the list.
+     */
+    useEffect(function () {
+        var original = originalValues[step.id];
+        if (original &&
+            options &&
+            getValueString(original) !== undefined &&
+            !original.label) {
+            var newValue = options.find(function (option) { return getValueString(option) === getValueString(original); });
+            onChange(newValue);
+        }
+    }, [originalValues[step.id], options]);
     var handleMissingDep = function () { return __awaiter(_this, void 0, void 0, function () {
         var invalids;
         return __generator(this, function (_a) {
@@ -179,7 +192,7 @@ function SmartSelect(_a) {
                         !!errors[step.id] }, void 0) }), void 0), children &&
                 cloneElement(children, {
                     value: value,
-                    stepProps: __assign({ step: step, form: form, errors: errors, trigger: trigger, postview: postview, editable: editable, formStyle: formStyle, widthStats: widthStats, organization: organization, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),
+                    stepProps: __assign({ step: step, form: form, errors: errors, trigger: trigger, postview: postview, editable: editable, formStyle: formStyle, widthStats: widthStats, organization: organization, originalValues: originalValues, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),
                 })] }, void 0));
 }
 function SmartSelectStep(props) {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version":"1.9.3-test",
+    "version":"1.9.4-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",

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

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

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

@@ -1,61 +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 { useRef } from 'react';
-import RoundedButton from '../../../shared/RoundedButton/RoundedButton';
-import { Link } from '@material-ui/core';
-function ConfirmationDialog(_a) {
-    var confirmation = _a.confirmation, widthStats = _a.widthStats, formStyle = _a.formStyle, onClose = _a.onClose;
-    var urlRef = useRef(null);
-    var copyRef = useRef(null);
-    return (_jsx(Dialog, __assign({ 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 () {
-                        onClose();
-                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.checkContainer, style: { color: formStyle.secondaryColor } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit", style: { fontSize: '160px' } }, void 0) }), void 0), _jsxs("div", __assign({ className: styles.messageContainer, style: widthStats.isMobile
-                                ? {
-                                    margin: '0px 20px',
-                                }
-                                : {} }, { children: ["Tu c\u00F3digo de precarga es:", _jsxs("div", __assign({ className: styles.codeContainer, style: {
-                                        flexDirection: widthStats.isMobile
-                                            ? 'column'
-                                            : 'row',
-                                    } }, { children: [_jsx("input", { value: confirmation.code, className: styles.codeInput, ref: urlRef, readOnly: true, style: widthStats.isMobile
-                                                ? {
-                                                    color: formStyle.textColor,
-                                                    fontWeight: 'bold',
-                                                    maxWidth: '100%',
-                                                    width: '100%',
-                                                    marginLeft: '0px',
-                                                    marginBottom: '15px',
-                                                }
-                                                : {
-                                                    color: formStyle.textColor,
-                                                    fontWeight: 'bold',
-                                                } }, void 0), _jsx("div", __assign({ className: styles.copyLink }, { children: _jsx(RoundedButton, { text: 'Copiar', color: formStyle.primaryContrastColor, backgroundColor: '#afafaf', fontSize: '1rem', padding: '2px 5px 2px 5px', onClick: function () {
-                                                    var _a, _b, _c;
-                                                    (_a = urlRef.current) === null || _a === void 0 ? void 0 : _a.select();
-                                                    /* For mobile devices */
-                                                    (_b = urlRef.current) === null || _b === void 0 ? void 0 : _b.setSelectionRange(0, 99999);
-                                                    document.execCommand('copy');
-                                                    (_c = copyRef.current) === null || _c === void 0 ? void 0 : _c.focus();
-                                                } }, void 0) }), void 0)] }), void 0)] }), void 0), _jsx("div", __assign({ className: styles.btnContainer }, { children: _jsx(Link, __assign({ href: "https://www.entradasamarillas.com/", target: "_blank", rel: "noopener" }, { children: _jsx(RoundedButton, { text: 'Precargar', color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1.2rem', padding: '5px 15px 5px 15px', onClick: function () { } }, void 0) }), void 0) }), void 0)] }), void 0)] }), void 0) }), void 0));
-}
-export default ConfirmationDialog;

package/dist/FormComponents/Form/EntradasAmarillasDialog/ConfirmationDialog.module.css

@@ -1,80 +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: 10px;
-}
-
-.messageContainer {
-    margin-left: 40px;
-    margin-right: 40px;
-    font-size: 1.6rem;
-    text-align: center;
-}
-.closeIcon {
-    right: 15px;
-    top: 10px;
-    font-size: 26px;
-    position: absolute;
-    cursor: pointer;
-}
-
-.copyLink {
-    padding-left: 5px;
-    padding-right: 5px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.codeContainer {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
-.codeInput {
-    margin-left: 69px;
-    width: 240px;
-    max-width: calc(100% - 120px);
-    outline: none;
-    border: none;
-    font-size: 2rem;
-    text-align: center;
-}
-
-.btnContainer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 20px;
-}