@visiion/forms-library 1.4.7 → 1.4.9

package/dist/components/Inputs/SwornDeclaration.d.ts

@@ -9,6 +9,7 @@ interface SwornDeclarationProps {
     disabled?: boolean;
     className?: string;
     error?: string;
+    value?: boolean;
 }
 declare const SwornDeclaration: React.FC<SwornDeclarationProps>;
 export default SwornDeclaration;

package/dist/index.esm.js

@@ -10329,9 +10329,14 @@ function maskRut(rut) {
 
 var RutInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, onSearch = _a.onSearch, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "0.000.000-0" : _c, _d = _a.minLength, minLength = _d === void 0 ? 12 : _d, _e = _a.maxLength, maxLength = _e === void 0 ? 12 : _e;
+    console.log(value);
+    // crear variable que si value tiene -error-no-empleador sea true
+    var errorEmpleador = value.includes("-error-no-empleador") ? true : false;
+    //sacar el -error-no-empleador de value
+    var valueWithoutError = value.replace("-error-no-empleador", "");
     var inputRef = useRef(null);
     var _f = useState(false), isValidRut = _f[0], setIsValidRut = _f[1];
-    var _g = useState(clean(value)), displayValue = _g[0], setDisplayValue = _g[1];
+    var _g = useState(errorEmpleador ? valueWithoutError : clean(value)), displayValue = _g[0], setDisplayValue = _g[1];
     useEffect(function () {
         setIsValidRut(validate(clean(value)));
         setDisplayValue(formatRut(clean(value)));
@@ -10355,7 +10360,7 @@ var RutInput = function (_a) {
             onSearch({ value: clean(displayValue) });
         }
     };
-    return (jsxs("div", { className: "flex flex-col gap-1", children: [jsx("label", { htmlFor: field.id, className: "font-medium text-gray-700", children: field.label }), jsxs("div", { className: "flex", children: [jsx("input", { ref: inputRef, id: field.id, name: field.name, type: "text", value: displayValue || "", onChange: handleRutChange, onKeyDown: handleKeyDown, placeholder: placeholder, minLength: minLength, maxLength: maxLength, disabled: disabled, className: "flex-1 px-3 py-2 border rounded-l-md focus:outline-none focus:ring-2 focus:ring-orange-500 h-10 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), onSearch && (jsx(Button, { type: "button", color: "blue", className: "flex items-center justify-center w-10 h-10 rounded-none rounded-tr-md rounded-br-md border-l-0", onClick: handleSearch, disabled: !isValidRut || disabled, children: jsx(IoMdSearch, { className: "w-5 h-5" }) }))] }), error && jsx("span", { className: "text-red-500 text-sm", children: error }), displayValue && !error && (jsx("span", { className: "text-sm ".concat(isValidRut ? "text-green-600" : "text-orange-600"), children: isValidRut ? "✓ RUT válido" : "⚠ Verificar formato del RUT" }))] }));
+    return (jsxs("div", { className: "flex flex-col gap-1", children: [jsx("label", { htmlFor: field.id, className: "font-medium text-gray-700", children: field.label }), jsxs("div", { className: "flex", children: [jsx("input", { ref: inputRef, id: field.id, name: field.name, type: "text", value: displayValue || "", onChange: handleRutChange, onKeyDown: handleKeyDown, placeholder: placeholder, minLength: minLength, maxLength: maxLength, disabled: disabled, className: "flex-1 px-3 py-2 border rounded-l-md focus:outline-none focus:ring-2 focus:ring-orange-500 h-10 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), onSearch && (jsx(Button, { type: "button", color: "blue", className: "flex items-center justify-center w-10 h-10 rounded-none rounded-tr-md rounded-br-md border-l-0", onClick: handleSearch, disabled: !isValidRut || disabled, children: jsx(IoMdSearch, { className: "w-5 h-5" }) }))] }), errorEmpleador && (jsx("span", { className: "text-red-500 text-sm", children: "El RUT ingresado no corresponde al RUT de una entidad empleadora" })), error && jsx("span", { className: "text-red-500 text-sm", children: error }), !errorEmpleador && displayValue && !error && !disabled && (jsx("span", { className: "text-sm ".concat(isValidRut ? "text-green-600" : "text-orange-600"), children: isValidRut ? "✓ RUT válido" : "⚠ Verificar formato del RUT" }))] }));
 };
 
 function _typeof(o) {
@@ -19963,8 +19968,9 @@ var DatePicker = function (_a) {
 };
 
 var SwornDeclaration = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? "Declaración Jurada" : _b, _c = _a.name, name = _c === void 0 ? "sworn_declaration" : _c, _d = _a.declarationText, declarationText = _d === void 0 ? "Declaro bajo juramento ante la Dirección del Trabajo, que los antecedentes entregados son verídicos y que corresponden a la realidad. De ser falsa la presente declaración me hará incurrir en las penas establecidas en el artículo 210 del Código Penal." : _d, _e = _a.checked, checked = _e === void 0 ? false : _e, onChange = _a.onChange, _f = _a.required, required = _f === void 0 ? true : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, error = _a.error;
-    var _j = useState(checked), isChecked = _j[0], setIsChecked = _j[1];
+    var _b = _a.title, title = _b === void 0 ? "Declaración Jurada" : _b, _c = _a.name, name = _c === void 0 ? "sworn_declaration" : _c, _d = _a.declarationText, declarationText = _d === void 0 ? "Declaro bajo juramento ante la Dirección del Trabajo, que los antecedentes entregados son verídicos y que corresponden a la realidad. De ser falsa la presente declaración me hará incurrir en las penas establecidas en el artículo 210 del Código Penal." : _d, _e = _a.value, value = _e === void 0 ? false : _e, onChange = _a.onChange, _f = _a.required, required = _f === void 0 ? true : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, error = _a.error;
+    console.log("value", value);
+    var _j = useState(value || false), isChecked = _j[0], setIsChecked = _j[1];
     var handleCheckboxChange = function (e) {
         var newChecked = e.target.checked;
         setIsChecked(newChecked);
@@ -20075,9 +20081,9 @@ var Checklist = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedOptions);
         (_a = props.onOtraMedidaChange) === null || _a === void 0 ? void 0 : _a.call(props, text);
     };
-    return (jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), onChange: function (e) {
+    return (jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("input", { type: "checkbox", disabled: field === null || field === void 0 ? void 0 : field.disabled, checked: selectedOptions.includes(option.value), onChange: function (e) {
                                 return handleOptionChange(option.value, e.target.checked);
-                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsx("div", { className: "mt-4", children: jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
+                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsx("div", { className: "mt-4", children: jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", disabled: field === null || field === void 0 ? void 0 : field.disabled, maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
 };
 
 var Upload = function (_a) {
@@ -20108,8 +20114,25 @@ var Upload = function (_a) {
             onChange === null || onChange === void 0 ? void 0 : onChange(null);
         }
         else {
-            setState(function (prev) { return (__assign(__assign({}, prev), { file: file, error: null })); });
-            onChange === null || onChange === void 0 ? void 0 : onChange(file);
+            if (file) {
+                var reader = new FileReader();
+                reader.onload = function (e) {
+                    var _a;
+                    var base64 = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+                    var lastDotIndex = file.name.lastIndexOf(".");
+                    var extension = lastDotIndex === -1 ? "" : file.name.substring(lastDotIndex + 1);
+                    var fileData = {
+                        name: (file === null || file === void 0 ? void 0 : file.name) || "",
+                        size: (file === null || file === void 0 ? void 0 : file.size) || 0,
+                        extension: (file === null || file === void 0 ? void 0 : file.name.split(".").pop()) || "pdf",
+                        base64: base64.split(",")[1], // Remove data:application/pdf;base64, prefix
+                        extensionId: extension ? ".".concat(extension) : ".pdf",
+                    };
+                    setState(function (prev) { return (__assign(__assign({}, prev), { file: file, error: null })); });
+                    onChange === null || onChange === void 0 ? void 0 : onChange(fileData);
+                };
+                reader.readAsDataURL(file);
+            }
         }
     }, [onChange]);
     var handleFileInputChange = function (event) {
@@ -20146,14 +20169,6 @@ var Upload = function (_a) {
         var _a;
         (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
-    var formatFileSize = function (bytes) {
-        if (bytes === 0)
-            return "0 Bytes";
-        var k = 1024;
-        var sizes = ["Bytes", "KB", "MB", "GB"];
-        var i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
-    };
     var renderUploadZone = function () {
         var hasError = state.error || error;
         var isErrorState = hasError && !state.file;
@@ -20166,12 +20181,13 @@ var Upload = function (_a) {
     var renderFilePreview = function () {
         if (!state.file)
             return null;
-        return (jsx("div", { className: "bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center space-x-3", children: [jsx("div", { className: "w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center", children: jsx("svg", { className: "w-6 h-6 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }), jsxs("div", { children: [jsx("p", { className: "text-sm font-medium text-gray-900", children: state.file.name }), jsx("p", { className: "text-xs text-gray-500", children: formatFileSize(state.file.size) })] })] }), jsxs("button", { onClick: handleRemoveFile, className: "px-3 py-1 bg-red-500 text-white text-sm rounded hover:bg-red-600 transition-colors flex items-center space-x-1", children: [jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }), jsx("span", { children: "Eliminar" })] })] }) }));
+        return (jsx("div", { className: "bg-white border border-gray-300 rounded-lg p-4", children: jsxs("div", { className: "flex flex-col items-center space-y-3", children: [jsx("div", { className: "w-16 h-16  rounded-lg flex items-center justify-center", children: jsx("svg", { width: "53", height: "52", viewBox: "0 0 53 52", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M30.8337 4.33398H13.5003C11.117 4.33398 9.16699 6.28398 9.16699 8.66732V43.334C9.16699 45.7173 11.117 47.6673 13.5003 47.6673H39.5003C41.8837 47.6673 43.8337 45.7173 43.8337 43.334V17.334L30.8337 4.33398ZM39.5003 43.334H13.5003V8.66732H30.8337V17.334H39.5003V43.334ZM26.5003 36.834C24.117 36.834 22.167 34.884 22.167 32.5007V20.584C22.167 19.9773 22.6437 19.5007 23.2503 19.5007C23.857 19.5007 24.3337 19.9773 24.3337 20.584V32.5007H28.667V20.584C28.667 17.594 26.2403 15.1673 23.2503 15.1673C20.2603 15.1673 17.8337 17.594 17.8337 20.584V32.5007C17.8337 37.289 21.712 41.1673 26.5003 41.1673C31.2887 41.1673 35.167 37.289 35.167 32.5007V23.834H30.8337V32.5007C30.8337 34.884 28.8837 36.834 26.5003 36.834Z", fill: "#0F69B4" }) }) }), jsx("p", { className: "text-sm font-medium text-gray-700 text-center", children: state.file.name }), jsxs("button", { type: "button", onClick: handleRemoveFile, style: { backgroundColor: "#0F69B4" }, className: "px-4 py-2 bg-blue-500 text-white text-sm rounded-lg hover:bg-blue-600 transition-colors flex items-center space-x-2", children: [jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }), jsx("span", { children: "Eliminar" })] })] }) }));
     };
     return (jsxs("div", { className: "space-y-4", children: [state.file ? renderFilePreview() : renderUploadZone(), error && !state.error && jsx("p", { className: "text-sm text-red-600", children: error })] }));
 };
 
 var DynamicInput = function (_a) {
+    var _b;
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, formData = _a.formData;
     switch (field.type) {
         case "status":
@@ -20183,7 +20199,7 @@ var DynamicInput = function (_a) {
         case "date":
             return (jsx(DatePicker, __assign({}, field, { id: field.id, label: field.label, error: error, value: value, onChange: onChange })));
         case "declaration":
-            return (jsx(SwornDeclaration, __assign({}, field, { onChange: onChange, error: error })));
+            return (jsx(SwornDeclaration, __assign({}, field, { value: value, onChange: onChange, error: error })));
         case "subtitle":
             return jsx(SubtitleInput, __assign({}, field.props));
         case "textarea":
@@ -20203,7 +20219,7 @@ var DynamicInput = function (_a) {
                     };
                     onChange(event);
                 }, error: error, props: {
-                    valueOtraMedida: formData["otraMedida"] || "",
+                    valueOtraMedida: formData["otraMedida"] || ((_b = field === null || field === void 0 ? void 0 : field.props) === null || _b === void 0 ? void 0 : _b.valueOtraMedida) || "",
                     onOtraMedidaChange: function (text) {
                         var event = {
                             target: {
@@ -21766,6 +21782,81 @@ class MixedSchema extends Schema {
 }
 create$8.prototype = MixedSchema.prototype;
 
+function create$7() {
+  return new BooleanSchema();
+}
+class BooleanSchema extends Schema {
+  constructor() {
+    super({
+      type: 'boolean',
+      check(v) {
+        if (v instanceof Boolean) v = v.valueOf();
+        return typeof v === 'boolean';
+      }
+    });
+    this.withMutation(() => {
+      this.transform((value, _raw, ctx) => {
+        if (ctx.spec.coerce && !ctx.isType(value)) {
+          if (/^(true|1)$/i.test(String(value))) return true;
+          if (/^(false|0)$/i.test(String(value))) return false;
+        }
+        return value;
+      });
+    });
+  }
+  isTrue(message = boolean.isValue) {
+    return this.test({
+      message,
+      name: 'is-value',
+      exclusive: true,
+      params: {
+        value: 'true'
+      },
+      test(value) {
+        return isAbsent(value) || value === true;
+      }
+    });
+  }
+  isFalse(message = boolean.isValue) {
+    return this.test({
+      message,
+      name: 'is-value',
+      exclusive: true,
+      params: {
+        value: 'false'
+      },
+      test(value) {
+        return isAbsent(value) || value === false;
+      }
+    });
+  }
+  default(def) {
+    return super.default(def);
+  }
+  defined(msg) {
+    return super.defined(msg);
+  }
+  optional() {
+    return super.optional();
+  }
+  required(msg) {
+    return super.required(msg);
+  }
+  notRequired() {
+    return super.notRequired();
+  }
+  nullable() {
+    return super.nullable();
+  }
+  nonNullable(msg) {
+    return super.nonNullable(msg);
+  }
+  strip(v) {
+    return super.strip(v);
+  }
+}
+create$7.prototype = BooleanSchema.prototype;
+
 /**
  * This file is a modified version of the file from the following repository:
  * Date.parse with progressive enhancement for ISO 8601 <https://github.com/csnover/js-iso8601>
@@ -22720,6 +22811,9 @@ var createValidationSchema = function (fields) {
                         .min(1, field.validations[0].params[0] ||
                         "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
+                case "declaration":
+                    fieldSchema_1 = create$7();
+                    break;
                 case "upload":
                     fieldSchema_1 = create$8();
                     break;
@@ -22799,6 +22893,9 @@ var createValidationSchema = function (fields) {
                 case "checkbox":
                     requiredSchema = create$2().min(1, "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
+                case "declaration":
+                    requiredSchema = create$7().oneOf([true], "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
+                    break;
                 case "checklist":
                     requiredSchema = create$2()
                         .of(create$6())

package/dist/index.js

@@ -10348,9 +10348,14 @@ function maskRut(rut) {
 
 var RutInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, onSearch = _a.onSearch, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "0.000.000-0" : _c, _d = _a.minLength, minLength = _d === void 0 ? 12 : _d, _e = _a.maxLength, maxLength = _e === void 0 ? 12 : _e;
+    console.log(value);
+    // crear variable que si value tiene -error-no-empleador sea true
+    var errorEmpleador = value.includes("-error-no-empleador") ? true : false;
+    //sacar el -error-no-empleador de value
+    var valueWithoutError = value.replace("-error-no-empleador", "");
     var inputRef = React.useRef(null);
     var _f = React.useState(false), isValidRut = _f[0], setIsValidRut = _f[1];
-    var _g = React.useState(clean(value)), displayValue = _g[0], setDisplayValue = _g[1];
+    var _g = React.useState(errorEmpleador ? valueWithoutError : clean(value)), displayValue = _g[0], setDisplayValue = _g[1];
     React.useEffect(function () {
         setIsValidRut(validate(clean(value)));
         setDisplayValue(formatRut(clean(value)));
@@ -10374,7 +10379,7 @@ var RutInput = function (_a) {
             onSearch({ value: clean(displayValue) });
         }
     };
-    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsx("label", { htmlFor: field.id, className: "font-medium text-gray-700", children: field.label }), jsxRuntime.jsxs("div", { className: "flex", children: [jsxRuntime.jsx("input", { ref: inputRef, id: field.id, name: field.name, type: "text", value: displayValue || "", onChange: handleRutChange, onKeyDown: handleKeyDown, placeholder: placeholder, minLength: minLength, maxLength: maxLength, disabled: disabled, className: "flex-1 px-3 py-2 border rounded-l-md focus:outline-none focus:ring-2 focus:ring-orange-500 h-10 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), onSearch && (jsxRuntime.jsx(flowbiteReact.Button, { type: "button", color: "blue", className: "flex items-center justify-center w-10 h-10 rounded-none rounded-tr-md rounded-br-md border-l-0", onClick: handleSearch, disabled: !isValidRut || disabled, children: jsxRuntime.jsx(IoMdSearch, { className: "w-5 h-5" }) }))] }), error && jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: error }), displayValue && !error && (jsxRuntime.jsx("span", { className: "text-sm ".concat(isValidRut ? "text-green-600" : "text-orange-600"), children: isValidRut ? "✓ RUT válido" : "⚠ Verificar formato del RUT" }))] }));
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsx("label", { htmlFor: field.id, className: "font-medium text-gray-700", children: field.label }), jsxRuntime.jsxs("div", { className: "flex", children: [jsxRuntime.jsx("input", { ref: inputRef, id: field.id, name: field.name, type: "text", value: displayValue || "", onChange: handleRutChange, onKeyDown: handleKeyDown, placeholder: placeholder, minLength: minLength, maxLength: maxLength, disabled: disabled, className: "flex-1 px-3 py-2 border rounded-l-md focus:outline-none focus:ring-2 focus:ring-orange-500 h-10 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), onSearch && (jsxRuntime.jsx(flowbiteReact.Button, { type: "button", color: "blue", className: "flex items-center justify-center w-10 h-10 rounded-none rounded-tr-md rounded-br-md border-l-0", onClick: handleSearch, disabled: !isValidRut || disabled, children: jsxRuntime.jsx(IoMdSearch, { className: "w-5 h-5" }) }))] }), errorEmpleador && (jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: "El RUT ingresado no corresponde al RUT de una entidad empleadora" })), error && jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: error }), !errorEmpleador && displayValue && !error && !disabled && (jsxRuntime.jsx("span", { className: "text-sm ".concat(isValidRut ? "text-green-600" : "text-orange-600"), children: isValidRut ? "✓ RUT válido" : "⚠ Verificar formato del RUT" }))] }));
 };
 
 function _typeof(o) {
@@ -19982,8 +19987,9 @@ var DatePicker = function (_a) {
 };
 
 var SwornDeclaration = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? "Declaración Jurada" : _b, _c = _a.name, name = _c === void 0 ? "sworn_declaration" : _c, _d = _a.declarationText, declarationText = _d === void 0 ? "Declaro bajo juramento ante la Dirección del Trabajo, que los antecedentes entregados son verídicos y que corresponden a la realidad. De ser falsa la presente declaración me hará incurrir en las penas establecidas en el artículo 210 del Código Penal." : _d, _e = _a.checked, checked = _e === void 0 ? false : _e, onChange = _a.onChange, _f = _a.required, required = _f === void 0 ? true : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, error = _a.error;
-    var _j = React.useState(checked), isChecked = _j[0], setIsChecked = _j[1];
+    var _b = _a.title, title = _b === void 0 ? "Declaración Jurada" : _b, _c = _a.name, name = _c === void 0 ? "sworn_declaration" : _c, _d = _a.declarationText, declarationText = _d === void 0 ? "Declaro bajo juramento ante la Dirección del Trabajo, que los antecedentes entregados son verídicos y que corresponden a la realidad. De ser falsa la presente declaración me hará incurrir en las penas establecidas en el artículo 210 del Código Penal." : _d, _e = _a.value, value = _e === void 0 ? false : _e, onChange = _a.onChange, _f = _a.required, required = _f === void 0 ? true : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, error = _a.error;
+    console.log("value", value);
+    var _j = React.useState(value || false), isChecked = _j[0], setIsChecked = _j[1];
     var handleCheckboxChange = function (e) {
         var newChecked = e.target.checked;
         setIsChecked(newChecked);
@@ -20094,9 +20100,9 @@ var Checklist = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedOptions);
         (_a = props.onOtraMedidaChange) === null || _a === void 0 ? void 0 : _a.call(props, text);
     };
-    return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), onChange: function (e) {
+    return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("input", { type: "checkbox", disabled: field === null || field === void 0 ? void 0 : field.disabled, checked: selectedOptions.includes(option.value), onChange: function (e) {
                                 return handleOptionChange(option.value, e.target.checked);
-                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsxRuntime.jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "mt-4", children: jsxRuntime.jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
+                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsxRuntime.jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "mt-4", children: jsxRuntime.jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", disabled: field === null || field === void 0 ? void 0 : field.disabled, maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
 };
 
 var Upload = function (_a) {
@@ -20127,8 +20133,25 @@ var Upload = function (_a) {
             onChange === null || onChange === void 0 ? void 0 : onChange(null);
         }
         else {
-            setState(function (prev) { return (__assign(__assign({}, prev), { file: file, error: null })); });
-            onChange === null || onChange === void 0 ? void 0 : onChange(file);
+            if (file) {
+                var reader = new FileReader();
+                reader.onload = function (e) {
+                    var _a;
+                    var base64 = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+                    var lastDotIndex = file.name.lastIndexOf(".");
+                    var extension = lastDotIndex === -1 ? "" : file.name.substring(lastDotIndex + 1);
+                    var fileData = {
+                        name: (file === null || file === void 0 ? void 0 : file.name) || "",
+                        size: (file === null || file === void 0 ? void 0 : file.size) || 0,
+                        extension: (file === null || file === void 0 ? void 0 : file.name.split(".").pop()) || "pdf",
+                        base64: base64.split(",")[1], // Remove data:application/pdf;base64, prefix
+                        extensionId: extension ? ".".concat(extension) : ".pdf",
+                    };
+                    setState(function (prev) { return (__assign(__assign({}, prev), { file: file, error: null })); });
+                    onChange === null || onChange === void 0 ? void 0 : onChange(fileData);
+                };
+                reader.readAsDataURL(file);
+            }
         }
     }, [onChange]);
     var handleFileInputChange = function (event) {
@@ -20165,14 +20188,6 @@ var Upload = function (_a) {
         var _a;
         (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
     };
-    var formatFileSize = function (bytes) {
-        if (bytes === 0)
-            return "0 Bytes";
-        var k = 1024;
-        var sizes = ["Bytes", "KB", "MB", "GB"];
-        var i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
-    };
     var renderUploadZone = function () {
         var hasError = state.error || error;
         var isErrorState = hasError && !state.file;
@@ -20185,12 +20200,13 @@ var Upload = function (_a) {
     var renderFilePreview = function () {
         if (!state.file)
             return null;
-        return (jsxRuntime.jsx("div", { className: "bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsxs("div", { className: "flex items-center space-x-3", children: [jsxRuntime.jsx("div", { className: "w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center", children: jsxRuntime.jsx("svg", { className: "w-6 h-6 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: state.file.name }), jsxRuntime.jsx("p", { className: "text-xs text-gray-500", children: formatFileSize(state.file.size) })] })] }), jsxRuntime.jsxs("button", { onClick: handleRemoveFile, className: "px-3 py-1 bg-red-500 text-white text-sm rounded hover:bg-red-600 transition-colors flex items-center space-x-1", children: [jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }), jsxRuntime.jsx("span", { children: "Eliminar" })] })] }) }));
+        return (jsxRuntime.jsx("div", { className: "bg-white border border-gray-300 rounded-lg p-4", children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center space-y-3", children: [jsxRuntime.jsx("div", { className: "w-16 h-16  rounded-lg flex items-center justify-center", children: jsxRuntime.jsx("svg", { width: "53", height: "52", viewBox: "0 0 53 52", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M30.8337 4.33398H13.5003C11.117 4.33398 9.16699 6.28398 9.16699 8.66732V43.334C9.16699 45.7173 11.117 47.6673 13.5003 47.6673H39.5003C41.8837 47.6673 43.8337 45.7173 43.8337 43.334V17.334L30.8337 4.33398ZM39.5003 43.334H13.5003V8.66732H30.8337V17.334H39.5003V43.334ZM26.5003 36.834C24.117 36.834 22.167 34.884 22.167 32.5007V20.584C22.167 19.9773 22.6437 19.5007 23.2503 19.5007C23.857 19.5007 24.3337 19.9773 24.3337 20.584V32.5007H28.667V20.584C28.667 17.594 26.2403 15.1673 23.2503 15.1673C20.2603 15.1673 17.8337 17.594 17.8337 20.584V32.5007C17.8337 37.289 21.712 41.1673 26.5003 41.1673C31.2887 41.1673 35.167 37.289 35.167 32.5007V23.834H30.8337V32.5007C30.8337 34.884 28.8837 36.834 26.5003 36.834Z", fill: "#0F69B4" }) }) }), jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-700 text-center", children: state.file.name }), jsxRuntime.jsxs("button", { type: "button", onClick: handleRemoveFile, style: { backgroundColor: "#0F69B4" }, className: "px-4 py-2 bg-blue-500 text-white text-sm rounded-lg hover:bg-blue-600 transition-colors flex items-center space-x-2", children: [jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }), jsxRuntime.jsx("span", { children: "Eliminar" })] })] }) }));
     };
     return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [state.file ? renderFilePreview() : renderUploadZone(), error && !state.error && jsxRuntime.jsx("p", { className: "text-sm text-red-600", children: error })] }));
 };
 
 var DynamicInput = function (_a) {
+    var _b;
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, formData = _a.formData;
     switch (field.type) {
         case "status":
@@ -20202,7 +20218,7 @@ var DynamicInput = function (_a) {
         case "date":
             return (jsxRuntime.jsx(DatePicker, __assign({}, field, { id: field.id, label: field.label, error: error, value: value, onChange: onChange })));
         case "declaration":
-            return (jsxRuntime.jsx(SwornDeclaration, __assign({}, field, { onChange: onChange, error: error })));
+            return (jsxRuntime.jsx(SwornDeclaration, __assign({}, field, { value: value, onChange: onChange, error: error })));
         case "subtitle":
             return jsxRuntime.jsx(SubtitleInput, __assign({}, field.props));
         case "textarea":
@@ -20222,7 +20238,7 @@ var DynamicInput = function (_a) {
                     };
                     onChange(event);
                 }, error: error, props: {
-                    valueOtraMedida: formData["otraMedida"] || "",
+                    valueOtraMedida: formData["otraMedida"] || ((_b = field === null || field === void 0 ? void 0 : field.props) === null || _b === void 0 ? void 0 : _b.valueOtraMedida) || "",
                     onOtraMedidaChange: function (text) {
                         var event = {
                             target: {
@@ -21785,6 +21801,81 @@ class MixedSchema extends Schema {
 }
 create$8.prototype = MixedSchema.prototype;
 
+function create$7() {
+  return new BooleanSchema();
+}
+class BooleanSchema extends Schema {
+  constructor() {
+    super({
+      type: 'boolean',
+      check(v) {
+        if (v instanceof Boolean) v = v.valueOf();
+        return typeof v === 'boolean';
+      }
+    });
+    this.withMutation(() => {
+      this.transform((value, _raw, ctx) => {
+        if (ctx.spec.coerce && !ctx.isType(value)) {
+          if (/^(true|1)$/i.test(String(value))) return true;
+          if (/^(false|0)$/i.test(String(value))) return false;
+        }
+        return value;
+      });
+    });
+  }
+  isTrue(message = boolean.isValue) {
+    return this.test({
+      message,
+      name: 'is-value',
+      exclusive: true,
+      params: {
+        value: 'true'
+      },
+      test(value) {
+        return isAbsent(value) || value === true;
+      }
+    });
+  }
+  isFalse(message = boolean.isValue) {
+    return this.test({
+      message,
+      name: 'is-value',
+      exclusive: true,
+      params: {
+        value: 'false'
+      },
+      test(value) {
+        return isAbsent(value) || value === false;
+      }
+    });
+  }
+  default(def) {
+    return super.default(def);
+  }
+  defined(msg) {
+    return super.defined(msg);
+  }
+  optional() {
+    return super.optional();
+  }
+  required(msg) {
+    return super.required(msg);
+  }
+  notRequired() {
+    return super.notRequired();
+  }
+  nullable() {
+    return super.nullable();
+  }
+  nonNullable(msg) {
+    return super.nonNullable(msg);
+  }
+  strip(v) {
+    return super.strip(v);
+  }
+}
+create$7.prototype = BooleanSchema.prototype;
+
 /**
  * This file is a modified version of the file from the following repository:
  * Date.parse with progressive enhancement for ISO 8601 <https://github.com/csnover/js-iso8601>
@@ -22739,6 +22830,9 @@ var createValidationSchema = function (fields) {
                         .min(1, field.validations[0].params[0] ||
                         "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
+                case "declaration":
+                    fieldSchema_1 = create$7();
+                    break;
                 case "upload":
                     fieldSchema_1 = create$8();
                     break;
@@ -22818,6 +22912,9 @@ var createValidationSchema = function (fields) {
                 case "checkbox":
                     requiredSchema = create$2().min(1, "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
+                case "declaration":
+                    requiredSchema = create$7().oneOf([true], "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
+                    break;
                 case "checklist":
                     requiredSchema = create$2()
                         .of(create$6())

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visiion/forms-library",
-  "version": "1.4.7",
+  "version": "1.4.9",
   "description": "Librería de componentes de formularios reutilizables",
   "type": "module",
   "main": "dist/index.js",