@apia/validations 0.0.9-alpha.0 → 0.1.0

package/dist/index.js

@@ -1,45 +1,2264 @@
-'use strict';
-
-var util = require('@apia/util');
-var lodash = require('lodash');
-var G = require('react');
-var reactRedux = require('react-redux');
-var notifications = require('@apia/notifications');
-var jsxRuntime = require('theme-ui/jsx-runtime');
-var components = require('@apia/components');
-var themeUi = require('theme-ui');
-var theme = require('@apia/theme');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var G__default = /*#__PURE__*/_interopDefault(G);
-
-var Ke=Object.defineProperty,Je=Object.defineProperties;var Ye=Object.getOwnPropertyDescriptors;var ie=Object.getOwnPropertySymbols;var xe=Object.prototype.hasOwnProperty,Ve=Object.prototype.propertyIsEnumerable;var ve=(t,e,o)=>e in t?Ke(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,d=(t,e)=>{for(var o in e||(e={}))xe.call(e,o)&&ve(t,o,e[o]);if(ie)for(var o of ie(e))Ve.call(e,o)&&ve(t,o,e[o]);return t},v=(t,e)=>Je(t,Ye(e));var T=(t,e)=>{var o={};for(var r in t)xe.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(t!=null&&ie)for(var r of ie(t))e.indexOf(r)<0&&Ve.call(t,r)&&(o[r]=t[r]);return o};var q=(t,e,o)=>new Promise((r,i)=>{var a=u=>{try{l(o.next(u));}catch(s){i(s);}},n=u=>{try{l(o.throw(u));}catch(s){i(s);}},l=u=>u.done?r(u.value):Promise.resolve(u.value).then(a,n);l((o=o.apply(t,e)).next());});var H=G__default.default.createContext({});function D(){let t=G__default.default.useContext(H);if(!t)throw new Error("There is no FormContext");return t}var be="propsLog",pe=class{constructor(e){this.configuration=e;this.log=util.persistentStorage[be];this.fields={};this.suscriptors={};this.loggers={propsLog:([e])=>{this.log=e,util.persistentStorage[be]=e;},propsStore:([e])=>{console.info(e?this.fields[e]:this.fields);},propsSuscriptors:([e])=>{console.info(e?this.suscriptors[e]:this.suscriptors);},updateProp:([e,o])=>{this.updateField(e,o);}};this.configuration&&(this.configuration.logCommands.propsStore&&util.debugDispatcher.on(this.configuration.logCommands.propsStore,this.loggers.propsStore,"Muestra el contenido actual del propsStore"),this.configuration.logCommands.updateProp&&util.debugDispatcher.on(this.configuration.logCommands.updateProp,this.loggers.updateProp,"dd.updateProp(fieldId, newProps). El objeto newProps ser\xE1 mergeado sobre las props actuales"),this.configuration.logCommands.propsSuscriptors&&util.debugDispatcher.on(this.configuration.logCommands.propsSuscriptors,this.loggers.propsSuscriptors,"Muestra los suscriptores actuales del propsStore"),this.configuration.logCommands.propsLog&&util.debugDispatcher.on(this.configuration.logCommands.propsLog,this.loggers.propsLog,"Si se pasa como true, hace log de las acciones. Si se pasa como trace(fieldId), se hace log de todas las acciones y trace del campo especificado. Si se pasa trace(), hace log y trace de todas las acciones."));}destructor(){this.configuration&&(this.configuration.logCommands.propsStore&&util.debugDispatcher.off(this.configuration.logCommands.propsStore,this.loggers.propsStore),this.configuration.logCommands.updateProp&&util.debugDispatcher.off(this.configuration.logCommands.updateProp,this.loggers.updateProp),this.configuration.logCommands.propsSuscriptors&&util.debugDispatcher.off(this.configuration.logCommands.propsSuscriptors,this.loggers.propsSuscriptors),this.configuration.logCommands.propsLog&&util.debugDispatcher.off(this.configuration.logCommands.propsLog,this.loggers.propsLog));}getAllFields(){return lodash.cloneDeep(this.fields)}getFieldProps(e){return this.fields[e]}removeField(e){this.suscriptors[e]=[],delete this.fields[e],this.log&&console.info(`propsStore: removeNode ${e}`);}suscribe(e,o){var r;return this.suscriptors[e]||(this.suscriptors[e]=[]),this.suscriptors[e].push(o),o((r=this.fields[e])!=null?r:N),()=>{this.suscriptors[e]=this.suscriptors[e].filter(i=>i!==o);}}updateField(e,o,r){var l,u,s;if(e===void 0)return;let{noEmit:i,isUrgent:a}=r!=null?r:{},n=d(d({},this.fields[e]),o);if(this.fields[e]=n,(this.log===!0||this.log===e)&&console.info({fieldId:e,props:o}),this.log==="trace")console.trace();else {let p=typeof this.log=="string"&&((l=this.log.match(/trace\(([^)]+)\)/))!=null?l:[])[1];e===p&&console.trace();}i||((u=this.suscriptors[e])==null||u.forEach(p=>p(n,a)),(s=this.suscriptors.any)==null||s.forEach(p=>p(v(d({},n),{fieldId:e}),a)));}},A=new pe({logCommands:{propsLog:"propsLog",propsStore:"propsStore",propsSuscriptors:"propsSuscriptors",updateProp:"updateProp"}});var N={},tt=(t,e)=>t===e;function Ie(){return t=>t}function oe(t){return typeof t=="object"&&t&&("selector"in t||"comparator"in t||"initialValue"in t)}function ce(t,e,o,r){var x;let i=G__default.default.useMemo(()=>oe(e)?e.selector:e,[]),a=G__default.default.useMemo(()=>oe(e)?e.comparator:o,[]),n=G__default.default.useMemo(()=>oe(e)?e.initialValue:void 0,[]),l=G__default.default.useMemo(()=>{var h;return (h=r!=null?r:oe(e)?e.propsStore:A)!=null?h:A},[(x=r!=null?r:oe(e)?e.propsStore:A)!=null?x:A]),u=G__default.default.useCallback(()=>{let h=l.getFieldProps(t);return h!==void 0&&n!==void 0&&l.updateField(t,n),(i!=null?i:Ie())(h!=null?h:N)},[]),[s,p]=G__default.default.useState(u),c=G.useRef(s),m=G.useRef(t);return G__default.default.useEffect(()=>{let h=l.suscribe(t,(S,V)=>{let w=(i!=null?i:Ie())(S);(!(a!=null?a:tt)(c.current,w)||m.current!==t)&&(V?p(w):G__default.default.startTransition(()=>{p(w);})),c.current=w;});return ()=>{h();}},[t,l]),s}function Ce({rules:t,value:e}){return ke(t).validate(e)}function Ee(t,e){return q(this,null,function*(){let o=null,r=t.validationValueParser?t.validationValueParser(t.value):t.value;return t.validationFunction&&(o=yield t.validationFunction(r,e)),(!t.validationFunction||o===!0)&&t.validationRules?o=Ce({rules:t.validationRules,value:r}):o===null&&(o=!0),o})}function me(t){return t===!0}function it(t){return !("errors"in t)}function Le(t,e){return q(this,null,function*(){let o=document.getElementById(`ValidationForm-${t}`),r=o==null?void 0:o.querySelector(`[name="${e.name}"], #${e.name}`);return r?new Promise(i=>{let a=new CustomEvent(util.customEvents.focus,{bubbles:!0});r.focus(),r.dispatchEvent(a),r.scrollIntoView({block:"center",behavior:"auto"}),i(!0);}):!1})}var ae;function E(t,...e){if(!ae[t])return "";let o=ae[t];return e.forEach((r,i)=>{o=o.replace(`%${i}`,r.toString());}),o}function fe(t){let e=t==null?void 0:t.match(/'confirm:(\w+):(.+?)']/);if(e)return (r,i)=>{var a,n;return r===((a=P.getFieldStore(i,e[1]))==null?void 0:a.value)?!0:E("confirm",(n=e[2])!=null?n:e[1])}}function Te(t){let e={};if(t){let o=t.match(/validate\[([^\]]+)\]/);if(o)return o[1].replaceAll("~","").split(",").forEach(i=>{let a=i.match(/(\w+)(?:=([\w\d]+))?/);if(a){let n=a[1];if(n==="pattern"&&a[2])e[n]=new RegExp(a[2]);else if(a[2]){let l=a[2].split(","),u=l.length<2?l.join():l;e[n]=u;}else e[n]=!0;}}),e}return {}}function at(){return q(this,null,function*(){var e;if(ae)return;ae=(yield import(`../lang/${(e=document.documentElement.lang)!=null?e:"es"}.ts`).catch(o=>{throw notifications.notify({type:"danger",message:window.NO_LANGUAGE_EXCEPTION}),o})).default;})}function ke(t){let e=d({},t);return e?{validate:o=>{var a;let r=o!=null?o:"",i=!0;if(i&&e.pattern){let n;if(e.pattern instanceof RegExp)n=e.pattern;else {let l=e.pattern.match(/(?:^\/(.+)\/(\w+)?$)|(^.*$)/),u=l[1],s=l[2],p=l[3];n=new RegExp(u||p,s||void 0);}i=!!o.match(n)||((a=e.patternMessage)!=null?a:window.MSG_INVALID_REG_EXP);}if(i===!0&&e.maxLength&&(i=r.length<=e.maxLength||E("lengthmax",e.maxLength)),i===!0&&e.minLength&&(i=r.length>=e.minLength||E("lengthmin",e.minLength)),i===!0&&e.max&&e.min&&(i=Number(r)<=e.max&&Number(r)>=e.min||E("digitltd",e.min,e.max)),i===!0&&e.min&&(i=Number(r)>=e.min||E("digitmin",e.min)),i===!0&&e.max&&(i=Number(r)<=e.max||E("digitltd",0,e.max)),i===!0&&e.validName&&(i=!!r.match(/^[a-zA-Z0-9_.]*$/)||window.GNR_INVALID_NAME),i===!0&&(e.alpha||e.nodigit)&&(i=!!r.match(/^[a-zA-Z]*$/)||E("alpha")),i===!0&&e.alphanum&&(i=!!r.match(/^[a-zA-Z0-9]*$/)||E("alphanum")),i===!0&&(e.digit||e.number)&&(i=!!r.match(/^[0-9]*$/)||E("digit")),i===!0&&e.email&&(i=!!r.match(/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/)||E("email")),i===!0&&e.differs&&(i=r!==e.differs||E("differs",e.differs)),i===!0&&e.length_str&&(i=r.length>=e.length_str[0]&&r.length<=e.length_str[1]||E("length_str",...e.length_str)),i===!0&&e.length_fix&&(i=r.length===e.length_fix||E("length_fix",e.length_fix)),i===!0&&e.words_min)return r.split(" ").length>=e.words_min||E("words_min",e.words_min);if(i===!0&&e.words_max)return r.split(" ").length<=e.words_max||E("words_max",e.words_max);if(i===!0&&e.words_range){let n=r.split(" ").length;return n<=e.words_range[0]&&n>=e.words_range[1]||E("words_range",...e.words_range)}return i===!0&&e.required&&(i=Array.isArray(o)&&o.length>0||typeof o=="number"||!Array.isArray(r)&&!!r||E("required")),i}}:{validate:()=>!0}}var P=new class{constructor(){this.activeForms=[];this.timeouts={};this.existsField=(t,e)=>{var o,r;return !!((r=(o=this.getFormStore(t))==null?void 0:o.fields)!=null&&r.includes(e))};this.registerField=(t,e,o={registerIfExists:!0})=>{var a,n,l;let r=this.getFormStore(t);r===void 0&&this.registerForm(t),(a=this.getFormStore(t))!=null&&a.fields.includes(e.name)||this.updateFormStore(t,{fields:[...(l=(n=this.getFormStore(t))==null?void 0:n.fields)!=null?l:[],e.name]});let i=this.getFieldStore(t,e.name);if((r!=null&&r.avoidFieldsOverride||!o.registerIfExists)&&i){let u=e,p=T(u,["value"]);this.updateField(t,p,{markFormAsTouched:!1,avoidPropagation:o.avoidPropagation});return}this.updateFieldStore(t,e.name,e,o.avoidPropagation);};this.registerForm=(t,e={avoidFieldsOverride:!1})=>{var o;if(this.activeForms.includes(t)){this.updateFormStore(t,{avoidFieldsOverride:e.avoidFieldsOverride}),e.initialValues&&Object.entries(e.initialValues).forEach(([r,i])=>{i instanceof Object&&this.updateField(t,d({name:r},i));});return}this.activeForms.push(t),this.updateFormStore(t,{avoidFieldsOverride:e.avoidFieldsOverride,fields:[],isTouched:!1,isValid:!1,name:t,validationResult:null}),Object.entries((o=e.initialValues)!=null?o:{}).forEach(([r,i])=>{this.updateField(t,{name:r,value:i},{markFormAsTouched:!1});});};this.setFieldValue=(t,e,o,r)=>{this.getFieldStore(t,e)?this.updateField(t,{name:e,value:o,error:null},r):this.registerField(t,{name:e,value:o}),this.getFormStore(t).isValid&&this.updateFormStore(t,{isValid:!1});};this.setFormIsTouched=(t,e=!0)=>{this.updateFormStore(t,{isTouched:e});};this.unregisterField=(t,e)=>{this.getFormStore(t)&&this.updateFormStore(t,{fields:this.getFormStore(t).fields.filter(o=>o!==e)}),A.removeField(this.makeFieldName(t,e));};this.unregisterForm=t=>{var e,o;(o=(e=this.getFormStore(t))==null?void 0:e.fields)==null||o.forEach(r=>A.removeField(this.makeFieldName(t,r))),this.activeForms=this.activeForms.filter(r=>r!==t),A.removeField(this.makeFormName(t)),delete this.timeouts[t];};this.updateField=(t,e,o)=>{var a,n;let r=(a=this.getFieldStore(t,e.name))==null?void 0:a.value;this.getFormStore(t)?this.updateFormStore(t,{isValid:!1}):this.registerForm(t);let i=e.value!==void 0&&e.value!==r&&(o==null?void 0:o.markFormAsTouched)!==!1;this.existsField(t,e.name)||this.registerField(t,e,{avoidPropagation:o==null?void 0:o.avoidPropagation}),this.updateFieldStore(t,e.name,v(d({},e),{isTouched:i||((n=this.getFieldStore(t,e.name))==null?void 0:n.isTouched)}),o==null?void 0:o.avoidPropagation),i&&this.setFormIsTouched(t);};this.updateMultipleFields=(t,e,o)=>{e.forEach(r=>this.updateField(t,r,o));};this.validateForm=t=>q(this,null,function*(){var u;let o=this.getFormStore(t).fields.map(s=>this.getFieldStore(t,s)),r={errors:{}},i={submitValues:{},values:{}},a=!1,n=!1,l={};for(let s of o.filter(p=>p!==void 0)){let p=yield Ee(s,t);l[s.name]=p,me(p)?(i.submitValues[(u=s.submitName)!=null?u:s.name]=s.submitValueParser?s.submitValueParser(s.value):s.value,i.values[s.name]=s.value):(this.updateField(t,{name:s.name,error:p}),a||(yield Le(t,s))&&(a=!0),n=!0,r.errors[s.name]=p);}return n?(a||(notifications.notify({message:window.MSG_WRONG_VALIDATION_NO_FOCUSED_FILE,type:"danger"}),console.error("Campos que fallaron la validaci\xF3n",l)),this.updateFormStore(t,{isValid:!1,validationResult:r}),r):(this.updateFormStore(t,{isValid:!0,validationResult:i}),i)});}getFieldStore(t,e){return A.getFieldProps(this.makeFieldName(t,e))}getFormStore(t){return A.getFieldProps(this.makeFormName(t))}updateFieldStore(t,e,o,r){A.updateField(this.makeFieldName(t,e),d(d({},this.getFieldStore(t,e)),o),{noEmit:r});}updateFormStore(t,e){A.updateField(this.makeFormName(t),e);}enableFormTouch(t){console.log(`Enabled form touch validation, ${t}`),this.timeouts[t]=!0;}makeFieldName(t,e){return `validation_${t}_${e}`}makeFormName(t){return `validation_${t}`}};function ge(t,e,o){return ce(P.makeFormName(t),e,o)}function B(t,e,o,r){let i=P.makeFieldName(t,e);return ce(i,o,r)}var ct=({avoidFieldsOverride:t,avoidFieldsTouch:e,children:o,className:r,name:i,initialValues:a,onUnmount:n,onValidate:l,unregisterOnUnmount:u})=>{let s=G__default.default.useMemo(()=>i!=null?i:`ValidationForm${lodash.uniqueId()}`,[]),p=ge(s,V=>V.validationResult,reactRedux.shallowEqual);util.useUpdateEffect(()=>{p&&l&&l(p);},[p]);let c=G__default.default.useCallback(V=>{V.preventDefault(),P.validateForm(s);},[s]),m=G__default.default.useMemo(()=>({avoidFieldsTouch:e,name:s,validate:()=>q(void 0,null,function*(){return P.validateForm(s)})}),[s,e]);util.useUnmount(()=>{n==null||n(),u!==!1&&P.unregisterForm(s);});let[x,h]=G__default.default.useState(!1);util.useMount(()=>{P.registerForm(s,{avoidFieldsOverride:t!=null?t:a!==void 0,initialValues:a}),h(!0);});let S=G__default.default.useMemo(()=>({variant:"layout.validations.form"}),[]);return x?jsxRuntime.jsx(H.Provider,{value:m,children:jsxRuntime.jsx("form",{className:r,id:`ValidationForm-${s}`,name:s,onSubmit:c,sx:S,"data-variant":"layout.validations.form",children:o})}):null};function I(t){var p;let e=G__default.default.useContext(H),o=(p=t.formName)!=null?p:e.name;if(!o)throw console.error(t),new Error(`useField: It was not possible to determine the formName in field with name ${t.name}`);G__default.default.useMemo(()=>{P.registerField(o,d(d({},t),t.initialValue!==void 0?{value:t.initialValue}:null),{avoidPropagation:!0,registerIfExists:!t.avoidRegisterIfExists});},[]),util.useMount(()=>{t.initialValue!==void 0&&(!P.getFormStore(o).avoidFieldsOverride&&!t.avoidRegisterIfExists||P.getFieldStore(o,t.name)===void 0)&&P.setFieldValue(o,t.name,t.initialValue);}),util.useUnmount(()=>{t.removeOnUnmount&&P.unregisterField(o,t.name);});let{name:r,value:i,error:a,isTouched:n}=B(o,t.name,c=>c,(c,m)=>c===N&&t.initialValue!==void 0?!0:reactRedux.shallowEqual(c,m)),[l,u]=G__default.default.useState(t.initialValue);G__default.default.useEffect(()=>{u(i);},[i]);let s=G__default.default.useCallback(c=>{let m=c,x;typeof m=="object"&&m&&m.target!==void 0&&m.target.value!==void 0?x=m.target.value:x=c,u(x),P.setFieldValue(o,t.name,x);},[t.name,o]);return {error:a,isTouched:n,name:r,onChange:s,updateValidations:G__default.default.useCallback(({validationFunction:c,validationRules:m})=>{P.updateField(o,{name:t.name,validationFunction:c,validationRules:m});},[o,t.name]),value:l!=null?l:t.initialValue}}function L({customValidation:t,validationClass:e,validationFunction:o,validationRules:r}){let i=G__default.default.useMemo(()=>e!==void 0?fe(e):void 0,[e]),a=G__default.default.useCallback((l,u)=>{var p;let s=(p=o==null?void 0:o(l,u))!=null?p:!0;return typeof s=="string"||(t&&(s=t(l,u)),typeof s=="string")?s:i?i(l,u):!0},[i,t,o]),n=G__default.default.useMemo(()=>d(d({},r),e!==void 0?Te(e):{}),[e,r]);return {actualValidationFunction:a,actualValidationRules:n}}var Me=({name:t})=>{let e=D(),o=B(e.name,t,r=>r==null?void 0:r.error);return o?jsxRuntime.jsx(themeUi.Box,{as:"strong",role:"alert",sx:{color:"danger"},dangerouslySetInnerHTML:{__html:o}}):null};var _=l=>{var u=l,{name:t,label:e,avoidSemicolon:o,children:r,className:i,as:a="label"}=u,n=T(u,["name","label","avoidSemicolon","children","className","as"]);let{name:s}=D(),p=B(s,t,c=>{var m;return (m=c==null?void 0:c.validationRules)==null?void 0:m.required});return jsxRuntime.jsxs(themeUi.Box,v(d({className:`fieldWrapper ${i!=null?i:""}`},n),{as:a,children:[jsxRuntime.jsxs(themeUi.Box,{as:"span",children:[window.SHOW_REQUIRED_POSITION!=="0"&&e&&jsxRuntime.jsx(components.RequiredMark,{isRequired:p}),e,!o&&e&&jsxRuntime.jsx("abbr",{className:"semicolon",children:": "}),window.SHOW_REQUIRED_POSITION==="0"&&e&&jsxRuntime.jsx(components.RequiredMark,{isRequired:p})]}),r,jsxRuntime.jsx(Me,{name:t})]}))};var yt=G__default.default.forwardRef((C,w)=>{var R=C,{avoidSemicolon:t,className:e,label:o,native:r,onChange:i,type:a,avoidRegisterIfExists:n,formName:l,initialValue:u,name:s,removeOnUnmount:p,submitValueParser:c,validationClass:m,validationFunction:x,validationRules:h,value:S}=R,V=T(R,["avoidSemicolon","className","label","native","onChange","type","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]);var F,f;let{actualValidationFunction:k,actualValidationRules:U}=L({validationClass:m,validationFunction:x,validationRules:h}),b=I({avoidRegisterIfExists:n,formName:l,name:s,initialValue:u!=null?u:S,removeOnUnmount:p,submitValueParser:c,validationFunction:k,validationRules:U}),{onChange:M,updateValidations:W,isTouched:O}=b,y=T(b,["onChange","updateValidations","isTouched"]);return jsxRuntime.jsx(_,{name:s,label:o,className:`checkbox ${e!=null?e:""}`,avoidSemicolon:t,children:jsxRuntime.jsx(components.Checkbox,v(d(d({},V),y),{native:r,"aria-label":(F=V["aria-label"])!=null?F:o,onChange:g=>{M(g.target.checked?"on":"off"),i&&i(g);},checked:(y==null?void 0:y.value)||((f=y.value)!=null?f:"off")==="on",ref:w}))})});yt.displayName="Checkbox";function Z(t,e){let{error:o,isTouched:r}=I({name:t,formName:e,avoidRegisterIfExists:!0,removeOnUnmount:!1}),{avoidFieldsTouch:i}=D();return o?"error":!i&&r?"touched":""}function Pr({formName:t,name:e}){let{name:o}=D();if(!t&&!o)throw new Error(`useFieldValue: It was not possible to determine the formName in field with name ${e}`);let{value:r}=B(t!=null?t:o,e,i=>i,(i,a)=>i===N&&(a==null?void 0:a.value)===void 0?!0:reactRedux.shallowEqual(i==null?void 0:i.value,a==null?void 0:a.value));return r}var Pt=G__default.default.forwardRef((w,V)=>{var C=w,{avoidSemicolon:t,className:e,label:o,onChange:r,type:i,avoidRegisterIfExists:a,formName:n,initialValue:l,name:u,removeOnUnmount:s,submitValueParser:p,validationClass:c,validationFunction:m,validationRules:x,value:h}=C,S=T(C,["avoidSemicolon","className","label","onChange","type","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]);var $,X,K,Y,ee;let{name:R}=G__default.default.useContext(H),k=n!=null?n:R,{actualValidationFunction:U,actualValidationRules:M}=L({validationClass:c,validationFunction:m,validationRules:x}),J=I({formName:k,name:u,initialValue:(K=(X=l!=null?l:h)!=null?X:($=P.getFieldStore(k,u))==null?void 0:$.value)!=null?K:"",removeOnUnmount:s,submitValueParser:p,validationFunction:U,validationRules:M}),{error:W,updateValidations:O,onChange:y,isTouched:b}=J,F=T(J,["error","updateValidations","onChange","isTouched"]),f=G__default.default.useCallback(te=>{y(te),r==null||r(te);},[y,r]),g=Z(u);return jsxRuntime.jsxs(_,{name:u,label:o,sx:G__default.default.useCallback(()=>({display:"flex",flexDirection:"column",alignItems:"start"}),[]),className:`deletableInput ${e!=null?e:""}`,avoidSemicolon:t,children:[jsxRuntime.jsx(themeUi.Input,v(d(d({type:i},S),F),{"aria-label":(Y=S["aria-label"])!=null?Y:o,ref:V,onChange:f,value:(ee=F.value)!=null?ee:"",className:`deletableInput__input ${g!=null?g:""}`})),jsxRuntime.jsx(components.IconButton,{icon:"Close",className:"deletableInput__deleteButton",onClick:()=>y("")})]})});Pt.displayName="DeletableInput";var qr=i=>{var a=i,{avoidSemicolon:t,children:e,required:o}=a,r=T(a,["avoidSemicolon","children","required"]);return jsxRuntime.jsxs(themeUi.Label,v(d({},r),{children:[window.SHOW_REQUIRED_POSITION!=="0"&&jsxRuntime.jsx(components.RequiredMark,{isRequired:o}),e,!t&&": ",window.SHOW_REQUIRED_POSITION==="0"&&jsxRuntime.jsx(components.RequiredMark,{isRequired:o})]}))};var kt=G__default.default.memo(G__default.default.forwardRef((h,x)=>{var S=h,{avoidSemicolon:t,className:e,label:o,avoidRegisterIfExists:r,formName:i,initialValue:a,name:n,removeOnUnmount:l,submitValueParser:u,validationClass:s,validationFunction:p,validationRules:c}=S,m=T(S,["avoidSemicolon","className","label","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules"]);var b;let{name:V}=D(),{actualValidationFunction:w,actualValidationRules:C}=L({customValidation(F){return F!=null?!0:E("required")},validationClass:s,validationFunction:p,validationRules:c}),y=I({formName:V,name:n,removeOnUnmount:l,submitValueParser:u,validationFunction:w,validationRules:C}),{error:R,onChange:k,value:U,updateValidations:M,isTouched:W}=y,O=T(y,["error","onChange","value","updateValidations","isTouched"]);return jsxRuntime.jsx(_,{name:n,label:o,className:`input ${e!=null?e:""}`,avoidSemicolon:t,children:jsxRuntime.jsx(themeUi.Input,v(d(d({},m),O),{type:"file","aria-label":(b=m["aria-label"])!=null?b:o,ref:x,sx:components.getFieldErrorStyles(!R),onChange:G__default.default.useCallback(F=>{var f,g,$;k(($=(g=(f=F.target)==null?void 0:f.files)==null?void 0:g[0])!=null?$:null);},[k])}))})}));kt.displayName="FileInput";var _t=G__default.default.memo(G__default.default.forwardRef((w,V)=>{var C=w,{avoidSemicolon:t,className:e,label:o,onChange:r,type:i,avoidRegisterIfExists:a,formName:n,initialValue:l,name:u,removeOnUnmount:s,submitValueParser:p,validationClass:c,validationFunction:m,validationRules:x,value:h}=C,S=T(C,["avoidSemicolon","className","label","onChange","type","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]);var $,X,K,Y,ee,te,ye;let{name:R}=G__default.default.useContext(H),k=n!=null?n:R,{actualValidationFunction:U,actualValidationRules:M}=L({validationClass:c,validationFunction:m,validationRules:x}),J=I({formName:k,name:u,initialValue:(K=(X=l!=null?l:h)!=null?X:($=P.getFieldStore(k,u))==null?void 0:$.value)!=null?K:"",removeOnUnmount:s,submitValueParser:p,validationFunction:U,validationRules:M}),{error:W,updateValidations:O,onChange:y,isTouched:b}=J,F=T(J,["error","updateValidations","onChange","isTouched"]),f=G__default.default.useCallback(de=>{y(de),typeof de=="string"?r==null||r({target:V}):r==null||r(de);},[y,r,V]),g=Z(u);return jsxRuntime.jsx(_,{name:u,label:o,className:`input ${e!=null?e:""}`,avoidSemicolon:t,children:i==="date"?jsxRuntime.jsx(components.DateInput,v(d(d({},S),F),{"aria-label":(Y=S["aria-label"])!=null?Y:o,onError:void 0,ref:V,onChange:f,value:(ee=F.value)!=null?ee:"",className:g})):jsxRuntime.jsx(themeUi.Input,v(d(d({type:i},S),F),{"aria-label":(te=S["aria-label"])!=null?te:o,ref:V,onChange:f,value:(ye=F.value)!=null?ye:"",className:g}))})}));_t.displayName="Input";var $t=G__default.default.memo(G__default.default.forwardRef((V,S)=>{var w=V,{avoidSemicolon:t,className:e,label:o,onChange:r,avoidRegisterIfExists:i,formName:a,initialValue:n,name:l,removeOnUnmount:u,submitValueParser:s,validationClass:p,validationFunction:c,validationRules:m,value:x}=w,h=T(w,["avoidSemicolon","className","label","onChange","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]);var b,F,f;let{name:C}=G__default.default.useContext(H),R=a!=null?a:C,{actualValidationFunction:k,actualValidationRules:U}=L({validationClass:p,validationFunction:c,validationRules:m}),{onChange:M,value:W}=I({formName:R,name:l,initialValue:(f=(F=n!=null?n:x)!=null?F:(b=P.getFieldStore(R,l))==null?void 0:b.value)!=null?f:"",removeOnUnmount:u,submitValueParser:G__default.default.useCallback(g=>components.parseNumberInputValueToNumber(g!=null?g:""),[]),validationValueParser:G__default.default.useCallback(g=>components.parseNumberInputValueToNumber(g!=null?g:""),[]),validationFunction:k,validationRules:U}),O=G__default.default.useCallback(g=>{g.error?(r==null||r(v(d({},g),{value:""})),M(""),P.updateField(R,{name:l,error:util.formatMessage(window.GNR_NUMERIC,{TOK:""})})):(M(g.value),r==null||r(g),P.updateField(R,{name:l,error:null}));},[R,l,M,r]),y=Z(l);return jsxRuntime.jsx(_,{name:l,label:o,sx:G__default.default.useMemo(()=>({display:"flex",flexDirection:"column",alignItems:"start"}),[]),className:`input ${e!=null?e:""}`,avoidSemicolon:t,children:jsxRuntime.jsx(components.NumberInput,v(d({ref:S},h),{name:l,value:W,onChange:O,className:y}))})}));$t.displayName="NumberInputf";var Ht=G__default.default.forwardRef((w,V)=>{var C=w,{avoidSemicolon:t,className:e,formName:o,label:r,onChange:i,options:a,value:n,avoidRegisterIfExists:l,initialValue:u,name:s,removeOnUnmount:p,submitValueParser:c,validationClass:m,validationFunction:x,validationRules:h}=C,S=T(C,["avoidSemicolon","className","formName","label","onChange","options","value","avoidRegisterIfExists","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules"]);let{actualValidationFunction:R,actualValidationRules:k}=L({validationClass:m,validationFunction:x,validationRules:h}),F=I({formName:o,name:s,initialValue:u!=null?u:n,removeOnUnmount:p,submitValueParser:c,validationFunction:R,validationRules:k}),{value:U,updateValidations:M,onChange:W,isTouched:O}=F,y=T(F,["value","updateValidations","onChange","isTouched"]),b=G__default.default.useCallback(f=>{W(f),i&&i(f);},[W,i]);return jsxRuntime.jsx(_,{name:s,label:r,className:`radio ${e!=null?e:""}`,avoidSemicolon:t,as:"ul",children:a==null?void 0:a.map(f=>jsxRuntime.jsx("li",{children:jsxRuntime.jsxs(themeUi.Label,{title:f.label,className:"radio-label",children:[jsxRuntime.jsx(themeUi.Radio,v(d(d({},S),y),{role:"radio",className:"radio-button","aria-label":f.label,ref:V,value:f.value,checked:U===f.value,onChange:b})),jsxRuntime.jsx(themeUi.Box,{as:"span",className:"radio-text",children:f.label})]})},f.value))})});Ht.displayName="Radio";var zt=G__default.default.forwardRef((w,V)=>{var C=w,{avoidSemicolon:t,className:e,formName:o,label:r,onChange:i,options:a,avoidRegisterIfExists:n,initialValue:l,name:u,removeOnUnmount:s,submitValueParser:p,validationClass:c,validationFunction:m,validationRules:x,value:h}=C,S=T(C,["avoidSemicolon","className","formName","label","onChange","options","avoidRegisterIfExists","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]);var y,b,f,g;let{actualValidationFunction:R,actualValidationRules:k}=L({validationClass:c,validationFunction:m,validationRules:x}),F=I({avoidRegisterIfExists:n,initialValue:(b=l!=null?l:h)!=null?b:(y=a[0])==null?void 0:y.value,name:u,removeOnUnmount:s,submitValueParser:p,validationFunction:R,validationRules:k}),{updateValidations:U,onChange:M,isTouched:W}=F,O=T(F,["updateValidations","onChange","isTouched"]);return jsxRuntime.jsx(_,{name:u,label:r,className:`select ${e!=null?e:""}`,avoidSemicolon:t,children:jsxRuntime.jsxs(themeUi.Select,v(d(d(d({},theme.getVariant("forms.select")),S),O),{onChange:G__default.default.useCallback($=>{M($),i&&i($);},[M,i]),"aria-label":(f=S["aria-label"])!=null?f:r,ref:V,value:(g=O.value)!=null?g:"",children:[a==null?void 0:a.map($=>jsxRuntime.jsx("option",{value:$.value,children:$.label},$.value)),S.children]}))})});zt.displayName="Select";var Zt=G__default.default.forwardRef((C,w)=>{var R=C,{avoidSemicolon:t,className:e,label:o,onChange:r,type:i,reverse:a=!1,avoidRegisterIfExists:n,formName:l,initialValue:u,name:s,removeOnUnmount:p,submitValueParser:c,validationClass:m,validationFunction:x,validationRules:h,value:S}=R,V=T(R,["avoidSemicolon","className","label","onChange","type","reverse","avoidRegisterIfExists","formName","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]);var F,f;let{actualValidationFunction:k,actualValidationRules:U}=L({validationClass:m,validationFunction:x,validationRules:h}),b=I({avoidRegisterIfExists:n,formName:l,name:s,initialValue:(u!=null?u:"off")==="on"||util.toBoolean(u)?"on":"off",removeOnUnmount:p,submitValueParser:c,validationFunction:k,validationRules:U}),{onChange:M,updateValidations:W,isTouched:O}=b,y=T(b,["onChange","updateValidations","isTouched"]);return jsxRuntime.jsx(_,{name:s,label:o,className:`switchbox ${e!=null?e:""}`,avoidSemicolon:t,children:jsxRuntime.jsx(themeUi.Switch,v(d(d({},V),y),{"aria-label":(F=V["aria-label"])!=null?F:o,onChange:g=>{M(g.target.checked!==a?"on":"off"),r&&r(g);},checked:((f=y.value)!=null?f:"off")==="on"!==a,ref:w}))})});Zt.displayName="Switchbox";var Kt=G__default.default.forwardRef((V,S)=>{var w=V,{avoidSemicolon:t,className:e,formName:o,label:r,onChange:i,avoidRegisterIfExists:a,initialValue:n,name:l,removeOnUnmount:u,submitValueParser:s,validationClass:p,validationFunction:c,validationRules:m,value:x}=w,h=T(w,["avoidSemicolon","className","formName","label","onChange","avoidRegisterIfExists","initialValue","name","removeOnUnmount","submitValueParser","validationClass","validationFunction","validationRules","value"]);var b,F;let{actualValidationFunction:C,actualValidationRules:R}=L({validationClass:p,validationFunction:c,validationRules:m}),y=I({avoidRegisterIfExists:a,formName:o,initialValue:n!=null?n:x,name:l,removeOnUnmount:u,submitValueParser:s,validationRules:R,validationFunction:C}),{updateValidations:k,onChange:U,isTouched:M}=y,W=T(y,["updateValidations","onChange","isTouched"]),O=G__default.default.useCallback(f=>{U(f),i&&i(f);},[U,i]);return jsxRuntime.jsx(_,{name:l,label:r,className:`textarea ${e!=null?e:""}`,avoidSemicolon:t,children:jsxRuntime.jsx(themeUi.Textarea,v(d(d({},h),W),{"aria-label":(b=h["aria-label"])!=null?b:r,ref:S,value:(F=W.value)!=null?F:"",onChange:O}))})});Kt.displayName="Textarea";
-
-exports.Checkbox = yt;
-exports.DeletableInput = Pt;
-exports.FieldLabel = qr;
-exports.FieldWrapper = _;
-exports.FileInput = kt;
-exports.Form = ct;
-exports.FormContext = H;
-exports.Input = _t;
-exports.NumberInputf = $t;
-exports.Radio = Ht;
-exports.Select = zt;
-exports.Switchbox = Zt;
-exports.Textarea = Kt;
-exports.ValidationError = Me;
-exports.classToValidate = Te;
-exports.classToValidationFunction = fe;
-exports.hasSucceedFieldValidation = me;
-exports.hasSucceedFormValidation = it;
-exports.initValidations = at;
-exports.useField = I;
-exports.useFieldSelector = B;
-exports.useFieldStatesClassNames = Z;
-exports.useFieldValue = Pr;
-exports.useFormContext = D;
-exports.useFormSelector = ge;
-exports.useValidationClass = L;
-exports.validationsStore = P;
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { customEvents, propsStore, usePropsSelector, useUpdateEffect, useUnmount, useMount, PropsSelectorUndefinedObject, formatMessage, toBoolean } from '@apia/util';
+import { uniqueId } from 'lodash';
+import React from 'react';
+import { shallowEqual } from 'react-redux';
+import { makeStyledComponent, getVariant } from '@apia/theme';
+import { notify } from '@apia/notifications';
+import { RequiredMark, Captcha, Checkbox as Checkbox$1, IconButton, getFieldErrorStyles, DateInput, parseNumberInputValueToNumber, NumberInput } from '@apia/components';
+import { Box, Input as Input$1, Label, Radio as Radio$1, Select as Select$1, Switch, Textarea as Textarea$1 } from 'theme-ui';
+
+const FormContext = React.createContext(
+  {}
+);
+function useFormContext() {
+  const formContext = React.useContext(FormContext);
+  if (!formContext)
+    throw new Error("There is no FormContext");
+  return formContext;
+}
+
+function validateByRules({
+  rules,
+  value
+}) {
+  const validationResult = getValidations(rules).validate(value);
+  return validationResult;
+}
+
+var __defProp$e = Object.defineProperty;
+var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$e = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$f.call(b, prop))
+      __defNormalProp$e(a, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b)) {
+      if (__propIsEnum$f.call(b, prop))
+        __defNormalProp$e(a, prop, b[prop]);
+    }
+  return a;
+};
+var __async$2 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function validateField(field, formName) {
+  return __async$2(this, null, function* () {
+    let validationResult = null;
+    const fieldValue = field.validationValueParser ? field.validationValueParser(field.value) : field.value;
+    if (field.validationFunction) {
+      validationResult = yield field.validationFunction(fieldValue, formName);
+    }
+    if ((!field.validationFunction || validationResult === true) && field.validationRules) {
+      validationResult = validateByRules({
+        rules: field.validationRules,
+        value: fieldValue
+      });
+    } else if (validationResult === null)
+      validationResult = true;
+    return validationResult;
+  });
+}
+function hasSucceedFieldValidation(result) {
+  return result === true;
+}
+function hasSucceedFormValidation(result) {
+  return !("errors" in result);
+}
+function focusOnField(formName, field) {
+  return __async$2(this, null, function* () {
+    const formElement = document.getElementById(
+      `ValidationForm-${formName}`
+    );
+    const fieldElement = formElement == null ? void 0 : formElement.querySelector(
+      `[name="${field.name}"], #${field.name}`
+    );
+    if (fieldElement) {
+      return new Promise((resolve) => {
+        const event = new CustomEvent(customEvents.focus, { bubbles: true });
+        fieldElement.focus();
+        fieldElement.dispatchEvent(event);
+        fieldElement.scrollIntoView({
+          block: "center",
+          behavior: "auto"
+        });
+        resolve(true);
+      });
+    }
+    return false;
+  });
+}
+let langDefinition;
+function lang(errorCode, ...replacements) {
+  if (!langDefinition[errorCode])
+    return "";
+  let returnString = langDefinition[errorCode];
+  replacements.forEach((replace, index) => {
+    returnString = returnString.replace(`%${index}`, replace.toString());
+  });
+  return returnString;
+}
+function classToValidationFunction(className) {
+  const match = className == null ? void 0 : className.match(/'confirm:(\w+):(.+?)']/);
+  if (match) {
+    const validationFunction = (value, formName) => {
+      var _a, _b;
+      return value === ((_a = validationsStore.getFieldStore(formName, match[1])) == null ? void 0 : _a.value) ? true : lang("confirm", (_b = match[2]) != null ? _b : match[1]);
+    };
+    return validationFunction;
+  }
+  return void 0;
+}
+function classToValidate(className) {
+  const validations = {};
+  if (className) {
+    const match = className.match(/validate\[([^\]]+)\]/);
+    if (match) {
+      const definitions = match[1].replaceAll("~", "").split(",");
+      definitions.forEach((definition) => {
+        const definitionMatch = definition.match(/(\w+)(?:=([\w\d]+))?/);
+        if (definitionMatch) {
+          const prop = definitionMatch[1];
+          if (prop === "pattern" && definitionMatch[2])
+            validations[prop] = new RegExp(definitionMatch[2]);
+          else if (definitionMatch[2]) {
+            const value = definitionMatch[2].split(",");
+            const actualValue = value.length < 2 ? value.join() : value;
+            validations[prop] = actualValue;
+          } else
+            validations[prop] = true;
+        }
+      });
+      return validations;
+    }
+  }
+  return {};
+}
+function initValidations() {
+  return __async$2(this, null, function* () {
+    var _a;
+    if (langDefinition)
+      return;
+    const code = (_a = document.documentElement.lang) != null ? _a : "es";
+    langDefinition = (yield import(
+      /* webpackChunkName: "val-lang-[request]" */
+      `../lang/${code}.ts`
+    ).catch((error) => {
+      notify({
+        type: "danger",
+        message: window.NO_LANGUAGE_EXCEPTION
+      });
+      throw error;
+    })).default;
+  });
+}
+function getValidations(outerValidation) {
+  const validation = __spreadValues$e({}, outerValidation);
+  if (!validation)
+    return {
+      validate: () => {
+        return true;
+      }
+    };
+  return {
+    validate: (outerV) => {
+      var _a;
+      const v = outerV != null ? outerV : "";
+      let returnValue = true;
+      if (returnValue && validation.pattern) {
+        let actualRegexp;
+        if (!(validation.pattern instanceof RegExp)) {
+          const patternResult = validation.pattern.match(
+            /(?:^\/(.+)\/(\w+)?$)|(^.*$)/
+          );
+          const regexp = patternResult[1];
+          const flags = patternResult[2];
+          const stringPattern = patternResult[3];
+          actualRegexp = new RegExp(
+            regexp || stringPattern,
+            flags || void 0
+          );
+        } else
+          actualRegexp = validation.pattern;
+        returnValue = !!outerV.match(actualRegexp) || ((_a = validation.patternMessage) != null ? _a : window.MSG_INVALID_REG_EXP);
+      }
+      if (returnValue === true && validation.maxLength)
+        returnValue = v.length <= validation.maxLength || lang("lengthmax", validation.maxLength);
+      if (returnValue === true && validation.minLength)
+        returnValue = v.length >= validation.minLength || lang("lengthmin", validation.minLength);
+      if (returnValue === true && validation.max && validation.min)
+        returnValue = Number(v) <= validation.max && Number(v) >= validation.min || lang("digitltd", validation.min, validation.max);
+      if (returnValue === true && validation.min)
+        returnValue = Number(v) >= validation.min || lang("digitmin", validation.min);
+      if (returnValue === true && validation.max)
+        returnValue = Number(v) <= validation.max || lang("digitltd", 0, validation.max);
+      if (returnValue === true && validation.validName)
+        returnValue = !!v.match(/^[a-zA-Z0-9_.]*$/) || window.GNR_INVALID_NAME;
+      if (returnValue === true && (validation.alpha || validation.nodigit))
+        returnValue = !!v.match(/^[a-zA-Z]*$/) || lang("alpha");
+      if (returnValue === true && validation.alphanum)
+        returnValue = !!v.match(/^[a-zA-Z0-9]*$/) || lang("alphanum");
+      if (returnValue === true && (validation.digit || validation.number))
+        returnValue = !!v.match(/^[0-9]*$/) || lang("digit");
+      if (returnValue === true && validation.email)
+        returnValue = !!v.match(
+          // eslint-disable-next-line no-control-regex
+          /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$/
+        ) || lang("email");
+      if (returnValue === true && validation.differs)
+        returnValue = v !== validation.differs || lang("differs", validation.differs);
+      if (returnValue === true && validation.length_str)
+        returnValue = v.length >= validation.length_str[0] && v.length <= validation.length_str[1] || lang("length_str", ...validation.length_str);
+      if (returnValue === true && validation.length_fix)
+        returnValue = v.length === validation.length_fix || lang("length_fix", validation.length_fix);
+      if (returnValue === true && validation.words_min) {
+        const words = v.split(" ").length;
+        return words >= validation.words_min || lang("words_min", validation.words_min);
+      }
+      if (returnValue === true && validation.words_max) {
+        const words = v.split(" ").length;
+        return words <= validation.words_max || lang("words_max", validation.words_max);
+      }
+      if (returnValue === true && validation.words_range) {
+        const words = v.split(" ").length;
+        return words <= validation.words_range[0] && words >= validation.words_range[1] || lang("words_range", ...validation.words_range);
+      }
+      if (returnValue === true && validation.required)
+        returnValue = Array.isArray(outerV) && outerV.length > 0 || typeof outerV === "number" || !Array.isArray(v) && !!v || lang("required");
+      return returnValue;
+    }
+  };
+}
+
+var __defProp$d = Object.defineProperty;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$d = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$e.call(b, prop))
+      __defNormalProp$d(a, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b)) {
+      if (__propIsEnum$e.call(b, prop))
+        __defNormalProp$d(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __objRest$c = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$e.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$e.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async$1 = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const validationsStore = new class {
+  constructor() {
+    this.activeForms = [];
+    this.timeouts = {};
+    this.existsField = (formName, fieldName) => {
+      var _a, _b;
+      return !!((_b = (_a = this.getFormStore(formName)) == null ? void 0 : _a.fields) == null ? void 0 : _b.includes(fieldName));
+    };
+    this.registerField = (formName, registerData, options = { registerIfExists: true }) => {
+      var _a, _b, _c;
+      const formProps = this.getFormStore(formName);
+      if (formProps === void 0)
+        this.registerForm(formName);
+      if (!((_a = this.getFormStore(formName)) == null ? void 0 : _a.fields.includes(registerData.name)))
+        this.updateFormStore(formName, {
+          fields: [
+            ...(_c = (_b = this.getFormStore(formName)) == null ? void 0 : _b.fields) != null ? _c : [],
+            registerData.name
+          ]
+        });
+      const existsInStore = this.getFieldStore(formName, registerData.name);
+      if (((formProps == null ? void 0 : formProps.avoidFieldsOverride) || !options.registerIfExists) && existsInStore) {
+        const _d = registerData, updateData = __objRest$c(_d, ["value"]);
+        this.updateField(formName, updateData, {
+          markFormAsTouched: false,
+          avoidPropagation: options.avoidPropagation
+        });
+        return;
+      }
+      this.updateFieldStore(
+        formName,
+        registerData.name,
+        registerData,
+        options.avoidPropagation
+      );
+    };
+    /**
+     * Inicializa el estado de un nuevo formulario
+     */
+    this.registerForm = (formName, props = { avoidFieldsOverride: false }) => {
+      var _a;
+      if (this.activeForms.includes(formName)) {
+        this.updateFormStore(formName, {
+          avoidFieldsOverride: props.avoidFieldsOverride
+        });
+        if (props.initialValues)
+          Object.entries(props.initialValues).forEach(([fieldId, fieldProps]) => {
+            if (fieldProps instanceof Object)
+              this.updateField(formName, __spreadValues$d({ name: fieldId }, fieldProps));
+          });
+        return;
+      }
+      this.activeForms.push(formName);
+      this.updateFormStore(formName, {
+        avoidFieldsOverride: props.avoidFieldsOverride,
+        fields: [],
+        isTouched: false,
+        isValid: false,
+        name: formName,
+        validationResult: null
+      });
+      Object.entries((_a = props.initialValues) != null ? _a : {}).forEach(([name, value]) => {
+        this.updateField(formName, { name, value }, { markFormAsTouched: false });
+      });
+    };
+    /**
+     * Setea el valor del campo con el nombre provisto. Si el campo no existe
+     * en el formulario lo crea.
+     */
+    this.setFieldValue = (formName, fieldName, newValue, options) => {
+      if (!this.getFieldStore(formName, fieldName))
+        this.registerField(formName, { name: fieldName, value: newValue });
+      else
+        this.updateField(
+          formName,
+          {
+            name: fieldName,
+            value: newValue,
+            error: null
+          },
+          options
+        );
+      if (this.getFormStore(formName).isValid)
+        this.updateFormStore(formName, { isValid: false });
+    };
+    this.setFormIsTouched = (formName, isTouched = true) => {
+      this.updateFormStore(formName, { isTouched });
+    };
+    /**
+     * Elimina un campo del registro de validación de un formulario. De esta
+     * forma cualquier validación que pudiera aplicarse sobre el mismo, ya no se
+     * aplicará.
+     */
+    this.unregisterField = (formName, fieldName) => {
+      if (this.getFormStore(formName))
+        this.updateFormStore(formName, {
+          fields: this.getFormStore(formName).fields.filter((current) => {
+            return current !== fieldName;
+          })
+        });
+      propsStore.removeField(this.makeFieldName(formName, fieldName));
+    };
+    /**
+     * Elimina un formulario del store de validación junto con todos los campos
+     * asociados al mismo.
+     */
+    this.unregisterForm = (formName) => {
+      var _a, _b;
+      (_b = (_a = this.getFormStore(formName)) == null ? void 0 : _a.fields) == null ? void 0 : _b.forEach((current) => {
+        return propsStore.removeField(this.makeFieldName(formName, current));
+      });
+      this.activeForms = this.activeForms.filter((current) => {
+        return current !== formName;
+      });
+      propsStore.removeField(this.makeFormName(formName));
+      delete this.timeouts[formName];
+    };
+    /**
+     * Actualiza las propiedades de un campo, si no existe, lo registra en el
+     * formulario.
+     */
+    this.updateField = (formName, field, options) => {
+      var _a, _b;
+      const previousValue = (_a = this.getFieldStore(formName, field.name)) == null ? void 0 : _a.value;
+      if (this.getFormStore(formName))
+        this.updateFormStore(formName, { isValid: false });
+      else
+        this.registerForm(formName);
+      const isTouched = field.value !== void 0 && field.value !== previousValue && (options == null ? void 0 : options.markFormAsTouched) !== false;
+      if (!this.existsField(formName, field.name))
+        this.registerField(formName, field, {
+          avoidPropagation: options == null ? void 0 : options.avoidPropagation
+        });
+      this.updateFieldStore(
+        formName,
+        field.name,
+        __spreadProps$b(__spreadValues$d({}, field), {
+          isTouched: isTouched || ((_b = this.getFieldStore(formName, field.name)) == null ? void 0 : _b.isTouched)
+        }),
+        options == null ? void 0 : options.avoidPropagation
+      );
+      if (isTouched)
+        this.setFormIsTouched(formName);
+    };
+    /**
+     * Actualiza múltiples campos al mismo tiempo.
+     */
+    this.updateMultipleFields = (formName, fields, options) => {
+      fields.forEach((current) => {
+        return this.updateField(formName, current, options);
+      });
+    };
+    /**
+     * Ejecuta la validación sobre un formulario. En caso de que la validación
+     * falle, se intenta hacer foco sobre el campo que no pudo validar.
+     * Es importante notar que en caso de que un campo requiera validación,
+     * debería estar presente en el DOM.
+     *
+     * No es necesario que el campo esté visible, ya que en caso de estar oculto
+     * (por ejemplo por ser hijo de un acordeón), se emitirá un evento para
+     * expandir al elemento padre que lo estuviera ocultando.
+     *
+     * @returns Devuelve una promesa que al ser resuelta otorga un objeto de tipo
+     * TValidationResult. Este tipo está pensado para ser usado en conjunto con
+     * el método hasSucceedFormValidation, que determinará si la validación fue
+     * exitosa o hubo errores.
+     *
+     * @example
+     *
+     * const result = await validationStore.validateForm('myForm');
+     * if(hasSucceedValidation(result)) {
+     *   console.log('Success!', result);
+     * } else {
+     *   console.error('Validation error', result);
+     * }
+     */
+    this.validateForm = (formName) => __async$1(this, null, function* () {
+      var _a;
+      const state = this.getFormStore(formName);
+      const fields = state.fields.map((current) => {
+        return this.getFieldStore(formName, current);
+      });
+      const validationErrors = { errors: {} };
+      const validationValues = {
+        submitValues: {},
+        values: {}
+      };
+      let hasFiredFocus = false;
+      let existsErrors = false;
+      const fieldsWithError = {};
+      for (const field of fields.filter((current) => {
+        return current !== void 0;
+      })) {
+        const validationResult = yield validateField(field, formName);
+        fieldsWithError[field.name] = validationResult;
+        if (hasSucceedFieldValidation(validationResult)) {
+          validationValues.submitValues[(_a = field.submitName) != null ? _a : field.name] = field.submitValueParser ? field.submitValueParser(field.value) : field.value;
+          validationValues.values[field.name] = field.value;
+        } else {
+          this.updateField(formName, {
+            name: field.name,
+            error: validationResult
+          });
+          if (!hasFiredFocus) {
+            if (yield focusOnField(formName, field))
+              hasFiredFocus = true;
+          }
+          existsErrors = true;
+          validationErrors.errors[field.name] = validationResult;
+        }
+      }
+      if (existsErrors) {
+        if (!hasFiredFocus) {
+          notify({
+            message: window.MSG_WRONG_VALIDATION_NO_FOCUSED_FILE,
+            type: "danger"
+          });
+          console.error("Campos que fallaron la validaci\xF3n", fieldsWithError);
+        }
+        this.updateFormStore(formName, {
+          isValid: false,
+          validationResult: validationErrors
+        });
+        return validationErrors;
+      }
+      this.updateFormStore(formName, {
+        isValid: true,
+        validationResult: validationValues
+      });
+      return validationValues;
+    });
+  }
+  getFieldStore(formName, fieldName) {
+    return propsStore.getFieldProps(
+      this.makeFieldName(formName, fieldName)
+    );
+  }
+  getFormStore(formName) {
+    return propsStore.getFieldProps(this.makeFormName(formName));
+  }
+  updateFieldStore(formName, fieldName, props, noEmit) {
+    propsStore.updateField(
+      this.makeFieldName(formName, fieldName),
+      __spreadValues$d(__spreadValues$d({}, this.getFieldStore(formName, fieldName)), props),
+      { noEmit }
+    );
+  }
+  updateFormStore(formName, newState) {
+    propsStore.updateField(this.makeFormName(formName), newState);
+  }
+  enableFormTouch(formName) {
+    this.timeouts[formName] = true;
+  }
+  makeFieldName(formName, fieldName) {
+    return `validation_${formName}_${fieldName}`;
+  }
+  makeFormName(formName) {
+    return `validation_${formName}`;
+  }
+}();
+function useFormSelector(formName, selector, comparator) {
+  return usePropsSelector(
+    validationsStore.makeFormName(formName),
+    selector,
+    comparator
+  );
+}
+function useFieldSelector(formName, fieldName, confOrSelector, comparator) {
+  const fieldId = validationsStore.makeFieldName(formName, fieldName);
+  return usePropsSelector(fieldId, confOrSelector, comparator);
+}
+
+const formStyles = {
+  ".fieldWrapper": {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    "&.checkbox": {
+      alignItems: "center"
+    }
+  },
+  ".error": {
+    borderLeftStyle: "solid",
+    borderLeftWidth: "4px",
+    borderLeftColor: "danger"
+  },
+  ".touched": {
+    borderStyle: "solid",
+    borderWidth: "1px",
+    borderColor: "orange"
+  }
+};
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const UnstyledForm = ({
+  avoidFieldsOverride,
+  avoidFieldsTouch,
+  children,
+  className,
+  name,
+  initialValues,
+  onUnmount,
+  onValidate,
+  unregisterOnUnmount
+}) => {
+  const actualName = React.useMemo(
+    () => name != null ? name : `ValidationForm${uniqueId()}`,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const validationResult = useFormSelector(
+    actualName,
+    (props) => props.validationResult,
+    shallowEqual
+  );
+  useUpdateEffect(() => {
+    if (validationResult && onValidate)
+      onValidate(validationResult);
+  }, [validationResult]);
+  const handleSubmit = React.useCallback(
+    (ev) => {
+      ev.preventDefault();
+      void validationsStore.validateForm(actualName);
+    },
+    [actualName]
+  );
+  const contextValue = React.useMemo(
+    () => ({
+      avoidFieldsTouch,
+      name: actualName,
+      validate: () => __async(void 0, null, function* () {
+        return validationsStore.validateForm(actualName);
+      })
+    }),
+    [actualName, avoidFieldsTouch]
+  );
+  useUnmount(() => {
+    onUnmount == null ? void 0 : onUnmount();
+    if (unregisterOnUnmount !== false)
+      validationsStore.unregisterForm(actualName);
+  });
+  const [hasRegistered, setHasRegistered] = React.useState(false);
+  useMount(() => {
+    validationsStore.registerForm(actualName, {
+      avoidFieldsOverride: avoidFieldsOverride != null ? avoidFieldsOverride : initialValues !== void 0,
+      initialValues
+    });
+    setHasRegistered(true);
+  });
+  if (!hasRegistered)
+    return null;
+  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      className,
+      id: `ValidationForm-${actualName}`,
+      name: actualName,
+      onSubmit: handleSubmit,
+      children
+    }
+  ) });
+};
+const Form = makeStyledComponent(
+  "Form",
+  "layout.common.validations.form",
+  formStyles,
+  UnstyledForm
+);
+
+var __defProp$c = Object.defineProperty;
+var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$d.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b)) {
+      if (__propIsEnum$d.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
+    }
+  return a;
+};
+function useField(fieldDefinition) {
+  var _a;
+  const formContext = React.useContext(FormContext);
+  const formName = (_a = fieldDefinition.formName) != null ? _a : formContext.name;
+  if (!formName) {
+    console.error(fieldDefinition);
+    throw new Error(
+      `useField: It was not possible to determine the formName in field with name ${fieldDefinition.name}`
+    );
+  }
+  React.useMemo(() => {
+    validationsStore.registerField(
+      formName,
+      __spreadValues$c(__spreadValues$c({}, fieldDefinition), fieldDefinition.initialValue !== void 0 ? { value: fieldDefinition.initialValue } : null),
+      {
+        avoidPropagation: true,
+        registerIfExists: !fieldDefinition.avoidRegisterIfExists
+      }
+    );
+  }, []);
+  useMount(() => {
+    var _a2;
+    if (fieldDefinition.initialValue !== void 0 && (!((_a2 = validationsStore.getFormStore(formName)) == null ? void 0 : _a2.avoidFieldsOverride) && !fieldDefinition.avoidRegisterIfExists || validationsStore.getFieldStore(formName, fieldDefinition.name) === void 0))
+      validationsStore.setFieldValue(
+        formName,
+        fieldDefinition.name,
+        fieldDefinition.initialValue
+      );
+  });
+  useUnmount(() => {
+    if (fieldDefinition.removeOnUnmount)
+      validationsStore.unregisterField(formName, fieldDefinition.name);
+  });
+  const {
+    name,
+    value: storeValue,
+    error,
+    isTouched
+  } = useFieldSelector(
+    formName,
+    fieldDefinition.name,
+    (props) => {
+      return props;
+    },
+    (a, b) => {
+      if (a === PropsSelectorUndefinedObject && fieldDefinition.initialValue !== void 0)
+        return true;
+      return shallowEqual(a, b);
+    }
+  );
+  const [localValue, setLocalValue] = React.useState(
+    fieldDefinition.initialValue
+  );
+  React.useEffect(() => {
+    setLocalValue(storeValue);
+  }, [storeValue]);
+  const onChange = React.useCallback(
+    (ev) => {
+      const reactChangeEvent = ev;
+      let newValue;
+      if (typeof reactChangeEvent === "object" && reactChangeEvent && reactChangeEvent.target !== void 0 && reactChangeEvent.target.value !== void 0) {
+        newValue = reactChangeEvent.target.value;
+      } else
+        newValue = ev;
+      setLocalValue(newValue);
+      validationsStore.setFieldValue(formName, fieldDefinition.name, newValue);
+    },
+    [fieldDefinition.name, formName]
+  );
+  return {
+    error,
+    isTouched,
+    name,
+    onChange,
+    updateValidations: React.useCallback(
+      ({
+        validationFunction,
+        validationRules
+      }) => {
+        validationsStore.updateField(formName, {
+          name: fieldDefinition.name,
+          validationFunction,
+          validationRules
+        });
+      },
+      [formName, fieldDefinition.name]
+    ),
+    value: localValue != null ? localValue : fieldDefinition.initialValue
+  };
+}
+
+function useFieldStatesClassNames(name, formName) {
+  const { error, isTouched } = useField({
+    name,
+    formName,
+    avoidRegisterIfExists: true,
+    removeOnUnmount: false
+  });
+  const { avoidFieldsTouch } = useFormContext();
+  if (error)
+    return "error";
+  if (!avoidFieldsTouch && isTouched)
+    return "touched";
+  return "";
+}
+
+function useFieldValue({ formName, name }) {
+  const { name: hookFormName } = useFormContext();
+  if (!formName && !hookFormName) {
+    throw new Error(
+      `useFieldValue: It was not possible to determine the formName in field with name ${name}`
+    );
+  }
+  const { value } = useFieldSelector(
+    formName != null ? formName : hookFormName,
+    name,
+    (props) => {
+      return props;
+    },
+    (a, b) => {
+      if (a === PropsSelectorUndefinedObject && (b == null ? void 0 : b.value) === void 0)
+        return true;
+      return shallowEqual(a == null ? void 0 : a.value, b == null ? void 0 : b.value);
+    }
+  );
+  return value;
+}
+
+var __defProp$b = Object.defineProperty;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
+    }
+  return a;
+};
+function useValidationClass({
+  customValidation,
+  validationClass,
+  validationFunction,
+  validationRules
+}) {
+  const classesValidationFunction = React.useMemo(
+    () => validationClass !== void 0 ? classToValidationFunction(validationClass) : void 0,
+    [validationClass]
+  );
+  const actualValidationFunction = React.useCallback(
+    (currentValue, parameterFormName) => {
+      var _a;
+      let result = (_a = validationFunction == null ? void 0 : validationFunction(currentValue, parameterFormName)) != null ? _a : true;
+      if (typeof result === "string")
+        return result;
+      if (customValidation) {
+        result = customValidation(currentValue, parameterFormName);
+      }
+      if (typeof result === "string")
+        return result;
+      if (classesValidationFunction)
+        return classesValidationFunction(currentValue, parameterFormName);
+      return true;
+    },
+    [classesValidationFunction, customValidation, validationFunction]
+  );
+  const actualValidationRules = React.useMemo(() => {
+    return __spreadValues$b(__spreadValues$b({}, validationRules), validationClass !== void 0 ? classToValidate(validationClass) : {});
+  }, [validationClass, validationRules]);
+  return {
+    actualValidationFunction,
+    actualValidationRules
+  };
+}
+
+const ValidationError = ({ name }) => {
+  const formContext = useFormContext();
+  const error = useFieldSelector(formContext.name, name, (state) => {
+    return state == null ? void 0 : state.error;
+  });
+  return error ? /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "strong",
+      role: "alert",
+      sx: {
+        color: "danger"
+      },
+      dangerouslySetInnerHTML: { __html: error }
+    }
+  ) : null;
+};
+
+var __defProp$a = Object.defineProperty;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __objRest$b = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const FieldWrapper = (_a) => {
+  var _b = _a, {
+    name,
+    label,
+    avoidSemicolon,
+    children,
+    className,
+    as = "label",
+    type
+  } = _b, props = __objRest$b(_b, [
+    "name",
+    "label",
+    "avoidSemicolon",
+    "children",
+    "className",
+    "as",
+    "type"
+  ]);
+  const { name: formName } = useFormContext();
+  const isRequired = useFieldSelector(
+    formName,
+    name,
+    (global) => {
+      var _a2;
+      return (_a2 = global == null ? void 0 : global.validationRules) == null ? void 0 : _a2.required;
+    }
+  );
+  if (type === "checkbox") {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      __spreadProps$a(__spreadValues$a({
+        className: `fieldWrapper checkboxWrapper ${className != null ? className : ""}`
+      }, props), {
+        as,
+        children: [
+          window.SHOW_REQUIRED_POSITION !== "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired }),
+          children,
+          /* @__PURE__ */ jsxs("span", { children: [
+            label,
+            window.SHOW_REQUIRED_POSITION === "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired })
+          ] }),
+          /* @__PURE__ */ jsx(ValidationError, { name })
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxs(Box, __spreadProps$a(__spreadValues$a({ className: `fieldWrapper ${className != null ? className : ""}` }, props), { as, children: [
+    /* @__PURE__ */ jsxs(Box, { as: "span", children: [
+      window.SHOW_REQUIRED_POSITION !== "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired }),
+      label,
+      !avoidSemicolon && label && /* @__PURE__ */ jsx("abbr", { className: "semicolon", children: ": " }),
+      window.SHOW_REQUIRED_POSITION === "0" && label && /* @__PURE__ */ jsx(RequiredMark, { isRequired })
+    ] }),
+    children,
+    /* @__PURE__ */ jsx(ValidationError, { name })
+  ] }));
+};
+
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __objRest$a = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const InnerCaptcha = ({
+  className,
+  name,
+  imageUrl,
+  /**
+   * useField
+   */
+  avoidRegisterIfExists,
+  avoidSemicolon,
+  formName,
+  label,
+  removeOnUnmount,
+  submitName,
+  submitValueParser,
+  validationValueParser
+}) => {
+  const _a = useField({
+    name,
+    avoidRegisterIfExists,
+    formName,
+    initialValue: "",
+    removeOnUnmount,
+    submitName,
+    submitValueParser,
+    validationValueParser,
+    validationRules: { required: true }
+  }), { error, updateValidations, onChange, isTouched } = _a, validationProps = __objRest$a(_a, ["error", "updateValidations", "onChange", "isTouched"]);
+  const handleOnChange = React.useCallback(
+    (ev) => {
+      onChange(ev);
+    },
+    [onChange]
+  );
+  const stateClassName = useFieldStatesClassNames(name);
+  return /* @__PURE__ */ jsx(
+    FieldWrapper,
+    {
+      name,
+      label,
+      className: `input ${className != null ? className : ""}`,
+      avoidSemicolon,
+      children: /* @__PURE__ */ jsx(
+        Captcha,
+        {
+          name,
+          imageUrl,
+          onChange: handleOnChange,
+          value: validationProps.value,
+          className: stateClassName
+        }
+      )
+    }
+  );
+};
+
+var __defProp$9 = Object.defineProperty;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __objRest$9 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Checkbox = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      label,
+      native,
+      onChange: outerOnChange,
+      type,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      formName,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$9(_b, [
+      "avoidSemicolon",
+      "className",
+      "label",
+      "native",
+      "onChange",
+      "type",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "formName",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _a2, _c;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _b2 = useField({
+      avoidRegisterIfExists,
+      formName,
+      name,
+      initialValue: (_a2 = initialValue === true || initialValue === "on") != null ? _a2 : false,
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), {
+      value: innerValue,
+      onChange,
+      updateValidations,
+      isTouched
+    } = _b2, inputProps = __objRest$9(_b2, [
+      "value",
+      "onChange",
+      "updateValidations",
+      "isTouched"
+    ]);
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `checkbox ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsx(
+          Checkbox$1,
+          __spreadProps$9(__spreadValues$9(__spreadValues$9({}, props), inputProps), {
+            native,
+            "aria-label": (_c = props["aria-label"]) != null ? _c : label,
+            onChange: (ev) => {
+              onChange(ev.target.checked);
+              if (outerOnChange)
+                outerOnChange(ev);
+            },
+            checked: innerValue === true || innerValue === "on",
+            ref
+          })
+        )
+      }
+    );
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+var __defProp$8 = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __objRest$8 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const DeletableInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      label,
+      onChange: outerOnChange,
+      type,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      formName: propsFormName,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$8(_b, [
+      "avoidSemicolon",
+      "className",
+      "label",
+      "onChange",
+      "type",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "formName",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _a2, _b2, _c, _e, _f;
+    const { name: contextFormName } = React.useContext(FormContext);
+    const formName = propsFormName != null ? propsFormName : contextFormName;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _d = useField({
+      formName,
+      name,
+      initialValue: (_c = (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = validationsStore.getFieldStore(formName, name)) == null ? void 0 : _a2.value) != null ? _c : "",
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), {
+      error,
+      updateValidations,
+      onChange,
+      isTouched
+    } = _d, validationProps = __objRest$8(_d, [
+      "error",
+      "updateValidations",
+      "onChange",
+      "isTouched"
+    ]);
+    const handleOnChange = React.useCallback(
+      (ev) => {
+        onChange(ev);
+        outerOnChange == null ? void 0 : outerOnChange(ev);
+      },
+      [onChange, outerOnChange]
+    );
+    const stateClassName = useFieldStatesClassNames(name);
+    return /* @__PURE__ */ jsxs(
+      FieldWrapper,
+      {
+        name,
+        label,
+        sx: React.useCallback(
+          () => ({
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "start"
+          }),
+          []
+        ),
+        className: `deletableInput ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: [
+          /* @__PURE__ */ jsx(
+            Input$1,
+            __spreadProps$8(__spreadValues$8(__spreadValues$8({
+              type
+            }, props), validationProps), {
+              "aria-label": (_e = props["aria-label"]) != null ? _e : label,
+              ref,
+              onChange: handleOnChange,
+              value: (_f = validationProps.value) != null ? _f : "",
+              className: `deletableInput__input ${stateClassName != null ? stateClassName : ""}`
+            })
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              icon: "Close",
+              className: "deletableInput__deleteButton",
+              onClick: () => onChange("")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+DeletableInput.displayName = "DeletableInput";
+
+var __defProp$7 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __objRest$7 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const FieldLabel = (_a) => {
+  var _b = _a, {
+    avoidSemicolon,
+    children,
+    required
+  } = _b, props = __objRest$7(_b, [
+    "avoidSemicolon",
+    "children",
+    "required"
+  ]);
+  return /* @__PURE__ */ jsxs(Label, __spreadProps$7(__spreadValues$7({}, props), { children: [
+    window.SHOW_REQUIRED_POSITION !== "0" && /* @__PURE__ */ jsx(RequiredMark, { isRequired: required }),
+    children,
+    !avoidSemicolon && ": ",
+    window.SHOW_REQUIRED_POSITION === "0" && /* @__PURE__ */ jsx(RequiredMark, { isRequired: required })
+  ] }));
+};
+
+var __defProp$6 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __objRest$6 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const FileInput = React.memo(
+  React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, {
+        avoidSemicolon,
+        className,
+        label,
+        avoidRegisterIfExists: avoidRegisterIfExists,
+        formName: propsFormName,
+        initialValue,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationClass,
+        validationFunction,
+        validationRules
+      } = _b, props = __objRest$6(_b, [
+        "avoidSemicolon",
+        "className",
+        "label",
+        /**
+         * useField
+         */
+        "avoidRegisterIfExists",
+        "formName",
+        "initialValue",
+        "name",
+        "removeOnUnmount",
+        "submitValueParser",
+        "validationClass",
+        "validationFunction",
+        "validationRules"
+      ]);
+      var _b2;
+      const { name: formName } = useFormContext();
+      const { actualValidationFunction, actualValidationRules } = useValidationClass({
+        customValidation(fileValue) {
+          return fileValue !== null && fileValue !== void 0 ? true : lang("required");
+        },
+        validationClass,
+        validationFunction,
+        validationRules
+      });
+      const _a2 = useField({
+        formName,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationFunction: actualValidationFunction,
+        validationRules: actualValidationRules
+      }), {
+        error,
+        onChange,
+        value,
+        updateValidations,
+        isTouched
+      } = _a2, validationProps = __objRest$6(_a2, [
+        "error",
+        "onChange",
+        "value",
+        "updateValidations",
+        "isTouched"
+      ]);
+      return /* @__PURE__ */ jsx(
+        FieldWrapper,
+        {
+          name,
+          label,
+          className: `input ${className != null ? className : ""}`,
+          avoidSemicolon,
+          children: /* @__PURE__ */ jsx(
+            Input$1,
+            __spreadProps$6(__spreadValues$6(__spreadValues$6({}, props), validationProps), {
+              type: "file",
+              "aria-label": (_b2 = props["aria-label"]) != null ? _b2 : label,
+              ref,
+              sx: getFieldErrorStyles(!error),
+              onChange: React.useCallback(
+                (ev) => {
+                  var _a3, _b3, _c;
+                  onChange((_c = (_b3 = (_a3 = ev.target) == null ? void 0 : _a3.files) == null ? void 0 : _b3[0]) != null ? _c : null);
+                },
+                [onChange]
+              )
+            })
+          )
+        }
+      );
+    }
+  )
+);
+FileInput.displayName = "FileInput";
+
+var __defProp$5 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$5 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Input = React.memo(
+  React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, {
+        avoidSemicolon,
+        className,
+        label,
+        onChange: outerOnChange,
+        type,
+        avoidRegisterIfExists: avoidRegisterIfExists,
+        formName: propsFormName,
+        initialValue,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationClass,
+        validationFunction,
+        validationRules,
+        value
+      } = _b, props = __objRest$5(_b, [
+        "avoidSemicolon",
+        "className",
+        "label",
+        "onChange",
+        "type",
+        /**
+         * useField
+         */
+        "avoidRegisterIfExists",
+        "formName",
+        "initialValue",
+        "name",
+        "removeOnUnmount",
+        "submitValueParser",
+        "validationClass",
+        "validationFunction",
+        "validationRules",
+        "value"
+      ]);
+      var _a2, _b2, _c, _e, _f, _g, _h;
+      const { name: contextFormName } = React.useContext(FormContext);
+      const formName = propsFormName != null ? propsFormName : contextFormName;
+      const { actualValidationFunction, actualValidationRules } = useValidationClass({
+        validationClass,
+        validationFunction,
+        validationRules
+      });
+      const _d = useField({
+        formName,
+        name,
+        initialValue: (_c = (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = validationsStore.getFieldStore(formName, name)) == null ? void 0 : _a2.value) != null ? _c : "",
+        removeOnUnmount,
+        submitValueParser,
+        validationFunction: actualValidationFunction,
+        validationRules: actualValidationRules
+      }), {
+        error,
+        updateValidations,
+        onChange,
+        isTouched
+      } = _d, validationProps = __objRest$5(_d, [
+        "error",
+        "updateValidations",
+        "onChange",
+        "isTouched"
+      ]);
+      const handleOnChange = React.useCallback(
+        (ev) => {
+          onChange(ev);
+          if (typeof ev === "string") {
+            outerOnChange == null ? void 0 : outerOnChange({
+              target: ref
+            });
+          } else {
+            outerOnChange == null ? void 0 : outerOnChange(ev);
+          }
+        },
+        [onChange, outerOnChange, ref]
+      );
+      const stateClassName = useFieldStatesClassNames(name);
+      return /* @__PURE__ */ jsx(
+        FieldWrapper,
+        {
+          name,
+          label,
+          className: `input ${className != null ? className : ""}`,
+          avoidSemicolon,
+          children: type === "date" ? /* @__PURE__ */ jsx(
+            DateInput,
+            __spreadProps$5(__spreadValues$5(__spreadValues$5({}, props), validationProps), {
+              "aria-label": (_e = props["aria-label"]) != null ? _e : label,
+              onError: void 0,
+              ref,
+              onChange: handleOnChange,
+              value: (_f = validationProps.value) != null ? _f : "",
+              className: stateClassName
+            })
+          ) : /* @__PURE__ */ jsx(
+            Input$1,
+            __spreadProps$5(__spreadValues$5(__spreadValues$5({
+              type
+            }, props), validationProps), {
+              "aria-label": (_g = props["aria-label"]) != null ? _g : label,
+              ref,
+              onChange: handleOnChange,
+              value: (_h = validationProps.value) != null ? _h : "",
+              className: stateClassName
+            })
+          )
+        }
+      );
+    }
+  )
+);
+Input.displayName = "Input";
+
+var __defProp$4 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$4 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const NumberInputf = React.memo(
+  React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, {
+        avoidSemicolon,
+        className,
+        label,
+        onChange: outerOnChange,
+        avoidRegisterIfExists: avoidRegisterIfExists,
+        formName: propsFormName,
+        initialValue,
+        name,
+        removeOnUnmount,
+        submitValueParser,
+        validationClass,
+        validationFunction,
+        validationRules,
+        value
+      } = _b, props = __objRest$4(_b, [
+        "avoidSemicolon",
+        "className",
+        "label",
+        "onChange",
+        /**
+         * useField
+         */
+        "avoidRegisterIfExists",
+        "formName",
+        "initialValue",
+        "name",
+        "removeOnUnmount",
+        "submitValueParser",
+        "validationClass",
+        "validationFunction",
+        "validationRules",
+        "value"
+      ]);
+      var _a2, _b2, _c;
+      const { name: contextFormName } = React.useContext(FormContext);
+      const formName = propsFormName != null ? propsFormName : contextFormName;
+      const { actualValidationFunction, actualValidationRules } = useValidationClass({
+        validationClass,
+        validationFunction,
+        validationRules
+      });
+      const { onChange, value: innerValue } = useField({
+        formName,
+        name,
+        initialValue: (_c = (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = validationsStore.getFieldStore(formName, name)) == null ? void 0 : _a2.value) != null ? _c : "",
+        removeOnUnmount,
+        submitValueParser: React.useCallback(
+          (current) => parseNumberInputValueToNumber(current != null ? current : ""),
+          []
+        ),
+        validationValueParser: React.useCallback(
+          (current) => parseNumberInputValueToNumber(current != null ? current : ""),
+          []
+        ),
+        validationFunction: actualValidationFunction,
+        validationRules: actualValidationRules
+      });
+      const handleOnChange = React.useCallback(
+        (ev) => {
+          if (ev.error) {
+            outerOnChange == null ? void 0 : outerOnChange(__spreadProps$4(__spreadValues$4({}, ev), { value: "" }));
+            onChange("");
+            validationsStore.updateField(formName, {
+              name,
+              error: formatMessage(window.GNR_NUMERIC, { TOK: "" })
+            });
+          } else {
+            onChange(ev.value);
+            outerOnChange == null ? void 0 : outerOnChange(ev);
+            validationsStore.updateField(formName, { name, error: null });
+          }
+        },
+        [formName, name, onChange, outerOnChange]
+      );
+      const stateClassName = useFieldStatesClassNames(name);
+      return /* @__PURE__ */ jsx(
+        FieldWrapper,
+        {
+          name,
+          label,
+          sx: React.useMemo(
+            () => ({
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "start"
+            }),
+            []
+          ),
+          className: `input ${className != null ? className : ""}`,
+          avoidSemicolon,
+          children: /* @__PURE__ */ jsx(
+            NumberInput,
+            __spreadProps$4(__spreadValues$4({
+              ref
+            }, props), {
+              name,
+              value: innerValue,
+              onChange: handleOnChange,
+              className: stateClassName
+            })
+          )
+        }
+      );
+    }
+  )
+);
+NumberInputf.displayName = "NumberInputf";
+
+var __defProp$3 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Radio = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      formName,
+      label,
+      onChange: outerOnChange,
+      options,
+      value: outerValue,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules
+    } = _b, props = __objRest$3(_b, [
+      "avoidSemicolon",
+      "className",
+      "formName",
+      "label",
+      "onChange",
+      "options",
+      "value",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules"
+    ]);
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _a2 = useField({
+      formName,
+      name,
+      initialValue: initialValue != null ? initialValue : outerValue,
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), { value, updateValidations, onChange, isTouched } = _a2, inputProps = __objRest$3(_a2, ["value", "updateValidations", "onChange", "isTouched"]);
+    const handleOnChange = React.useCallback(
+      (ev) => {
+        onChange(ev);
+        if (outerOnChange) {
+          outerOnChange(ev);
+        }
+      },
+      [onChange, outerOnChange]
+    );
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `radio ${className != null ? className : ""}`,
+        avoidSemicolon,
+        as: "ul",
+        children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Label, { title: option.label, className: "radio-label", children: [
+          /* @__PURE__ */ jsx(
+            Radio$1,
+            __spreadProps$3(__spreadValues$3(__spreadValues$3({}, props), inputProps), {
+              role: "radio",
+              className: "radio-button",
+              "aria-label": option.label,
+              ref,
+              value: option.value,
+              checked: value === option.value,
+              onChange: handleOnChange
+            })
+          ),
+          /* @__PURE__ */ jsx(Box, { as: "span", className: "radio-text", children: option.label })
+        ] }) }, option.value))
+      }
+    );
+  }
+);
+Radio.displayName = "Radio";
+
+var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Select = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      formName,
+      label,
+      onChange: outerOnChange,
+      options,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$2(_b, [
+      "avoidSemicolon",
+      "className",
+      "formName",
+      "label",
+      "onChange",
+      "options",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _a2, _b2, _d, _e;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _c = useField({
+      avoidRegisterIfExists,
+      initialValue: (_b2 = initialValue != null ? initialValue : value) != null ? _b2 : (_a2 = options[0]) == null ? void 0 : _a2.value,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), { updateValidations, onChange, isTouched } = _c, inputProps = __objRest$2(_c, ["updateValidations", "onChange", "isTouched"]);
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `select ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsxs(
+          Select$1,
+          __spreadProps$2(__spreadValues$2(__spreadValues$2(__spreadValues$2({}, getVariant("forms.select")), props), inputProps), {
+            onChange: React.useCallback(
+              (ev) => {
+                onChange(ev);
+                if (outerOnChange) {
+                  outerOnChange(ev);
+                }
+              },
+              [onChange, outerOnChange]
+            ),
+            "aria-label": (_d = props["aria-label"]) != null ? _d : label,
+            ref,
+            value: (_e = inputProps.value) != null ? _e : "",
+            children: [
+              options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value)),
+              props.children
+            ]
+          })
+        )
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Switchbox = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      label,
+      onChange: outerOnChange,
+      type,
+      reverse = false,
+      avoidRegisterIfExists,
+      formName,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest$1(_b, [
+      "avoidSemicolon",
+      "className",
+      "label",
+      "onChange",
+      "type",
+      "reverse",
+      "avoidRegisterIfExists",
+      "formName",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _b2, _c;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _a2 = useField({
+      avoidRegisterIfExists,
+      formName,
+      name,
+      initialValue: (initialValue != null ? initialValue : "off") === "on" || toBoolean(initialValue) ? "on" : "off",
+      removeOnUnmount,
+      submitValueParser,
+      validationFunction: actualValidationFunction,
+      validationRules: actualValidationRules
+    }), { onChange, updateValidations, isTouched } = _a2, inputProps = __objRest$1(_a2, ["onChange", "updateValidations", "isTouched"]);
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `switchbox ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsx(
+          Switch,
+          __spreadProps$1(__spreadValues$1(__spreadValues$1({}, props), inputProps), {
+            "aria-label": (_b2 = props["aria-label"]) != null ? _b2 : label,
+            onChange: (ev) => {
+              onChange(ev.target.checked !== reverse ? "on" : "off");
+              if (outerOnChange) {
+                outerOnChange(ev);
+              }
+            },
+            checked: ((_c = inputProps.value) != null ? _c : "off") === "on" !== reverse,
+            ref
+          })
+        )
+      }
+    );
+  }
+);
+Switchbox.displayName = "Switchbox";
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Textarea = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      avoidSemicolon,
+      className,
+      formName,
+      label,
+      onChange: outerOnChange,
+      avoidRegisterIfExists: avoidRegisterIfExists,
+      initialValue,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationClass,
+      validationFunction,
+      validationRules,
+      value
+    } = _b, props = __objRest(_b, [
+      "avoidSemicolon",
+      "className",
+      "formName",
+      "label",
+      "onChange",
+      /**
+       * useField
+       */
+      "avoidRegisterIfExists",
+      "initialValue",
+      "name",
+      "removeOnUnmount",
+      "submitValueParser",
+      "validationClass",
+      "validationFunction",
+      "validationRules",
+      "value"
+    ]);
+    var _b2, _c;
+    const { actualValidationFunction, actualValidationRules } = useValidationClass({
+      validationClass,
+      validationFunction,
+      validationRules
+    });
+    const _a2 = useField({
+      avoidRegisterIfExists,
+      formName,
+      initialValue: initialValue != null ? initialValue : value,
+      name,
+      removeOnUnmount,
+      submitValueParser,
+      validationRules: actualValidationRules,
+      validationFunction: actualValidationFunction
+    }), { updateValidations, onChange, isTouched } = _a2, inputProps = __objRest(_a2, ["updateValidations", "onChange", "isTouched"]);
+    const handleOnChange = React.useCallback(
+      (ev) => {
+        onChange(ev);
+        if (outerOnChange) {
+          outerOnChange(ev);
+        }
+      },
+      [onChange, outerOnChange]
+    );
+    return /* @__PURE__ */ jsx(
+      FieldWrapper,
+      {
+        name,
+        label,
+        className: `textarea ${className != null ? className : ""}`,
+        avoidSemicolon,
+        children: /* @__PURE__ */ jsx(
+          Textarea$1,
+          __spreadProps(__spreadValues(__spreadValues({}, props), inputProps), {
+            "aria-label": (_b2 = props["aria-label"]) != null ? _b2 : label,
+            ref,
+            value: (_c = inputProps.value) != null ? _c : "",
+            onChange: handleOnChange
+          })
+        )
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { InnerCaptcha as Captcha, Checkbox, DeletableInput, FieldLabel, FieldWrapper, FileInput, Form, FormContext, Input, NumberInputf, Radio, Select, Switchbox, Textarea, ValidationError, classToValidate, classToValidationFunction, hasSucceedFieldValidation, hasSucceedFormValidation, initValidations, useField, useFieldSelector, useFieldStatesClassNames, useFieldValue, useFormContext, useFormSelector, useValidationClass, validationsStore };
+//# sourceMappingURL=index.js.map