ixc-library-portal 1.1.34 → 1.1.35

package/dist/ixc-library.umd.js

@@ -435,7 +435,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${r}Chann
   display: flex;
   justify-content: center;
   align-items: center;
-`,Ue=e=>{const{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,style:a}=e.buttonProperties,{IconProp:c}=e;return t.jsxs(co,{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,className:"VibrantBlueStyle",style:{...a,display:"flex",alignItems:"center",gap:"15px",justifyContent:"center"},children:[e.children,c&&t.jsx(c,{style:{width:"30px",height:"25px"}})]})};Ue.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,backgroundcolor:n.string,border:n.string,color:n.string,style:n.object}),children:n.node||n.string,IconProp:n.any};const Vr=({data:e,grouped:r,divideColumns:s=!1,selectButton:i,onChange:o,onChangeFunction:l,label:a,width:c,textButton:d,maxHeight:u,keyReset:g,left:p=!1,minWidthDropdown:m="100%",disabled:x,textOverflow:v=!0,widthDropdown:h,error:j,fontSizeLabelText:M,fontSizeTooltip:D,heightTooltip:S,leftTooltip:k,tooltip:w,topTooltip:O,widthTooltip:H,isTooltipVisible:G,subLabelText:V,labelText:f,language:L="es",textSelectAll:F="Seleccionar Todo",placeholderSearch:Z="Buscar...",isRelative:Q=!1,selectedValues:K,fontSizeLabel:te,fontSizeOptions:U="1vw"})=>{const[$,R]=C.useState([]),[y,E]=C.useState(""),[P,N]=C.useState(!1),A=C.useRef(null),z=C.useRef(!1),B=C.useRef(K!==void 0);C.useEffect(()=>{K!==void 0&&(R(K),B.current=!0)},[K]);const W=S0(e,r),J=Object.values(W).flat().length>=Fr,X=()=>{if(y.trim()==="")return Object.values(W).flat();const ce=y.toLowerCase(),oe=[];return Object.entries(W).forEach(([de,ee])=>{if(!Array.isArray(ee)||ee.length===0)return;if(de.toLowerCase().includes(ce))oe.push(...ee);else{const Me=ee.filter(Ee=>Ee.name.toLowerCase().includes(ce));oe.push(...Me)}}),oe},q=X().length>0,ue=ce=>ce.map(oe=>{let de=null;if(r&&typeof e=="object"&&!Array.isArray(e)){for(const ee of Object.values(e))if(Array.isArray(ee)&&(de=ee.find(ie=>ie.id===oe),de))break}else Array.isArray(e)&&(de=e.find(ee=>ee.id===oe));if(de){const ee={id:de.id,name:de.name};return de.value!==void 0&&(ee.value=de.value),Object.keys(de).forEach(ie=>{Object.prototype.hasOwnProperty.call(ee,ie)||(ee[ie]=de[ie])}),ee}return null}).filter(Boolean),le=ce=>{if(z.current=!0,ce.target.checked){const oe=X(),de=oe.map(Me=>Me.id),ie=[...$.filter(Me=>!oe.some(Ne=>Ne.id===Me)),...de];if(R(ie),o&&o(ie),l){const Me=ue(ie);l(Me)}}else{const de=X().map(ie=>ie.id),ee=$.filter(ie=>!de.includes(ie));if(R(ee),o&&o(ee),l){const ie=ue(ee);l(ie)}}},fe=ce=>{z.current=!0,R(oe=>{const de=oe.includes(ce)?oe.filter(ee=>ee!==ce):[...oe,ce];if(o&&o(de),l){const ee=ue(de);l(ee)}return de})},Be=()=>{if(o&&o($),l){const ce=ue($);l(ce)}N(!1)};C.useEffect(()=>{const ce=oe=>{A.current&&!A.current.contains(oe.target)&&N(!1)};return document.addEventListener("mousedown",ce),()=>{document.removeEventListener("mousedown",ce)}},[A]),C.useEffect(()=>{P||E("")},[P]);const we=()=>$.map(oe=>{for(const de of Object.values(W)){const ee=de.find(ie=>ie.id===oe);if(ee)return ee.name}return null}).filter(Boolean).join(", ");C.useEffect(()=>{R([]),z.current=!1,K===void 0&&(B.current=!1)},[g,K]),C.useEffect(()=>{if(B.current&&!z.current){const ce=K||[];R(oe=>JSON.stringify(oe.sort())!==JSON.stringify(ce.sort())?ce:oe)}z.current=!1},[K]);const Re=Object.values(W).every(ce=>Array.isArray(ce)&&ce.length===0);return t.jsxs("div",{className:"relative",ref:A,children:[t.jsx(Qe,{label:$.length>0?we():a,onchange:()=>{},options:[],size:c,isOpen:P,setIsOpen:N,disabledClickOutside:!0,disabled:x,error:j,fontSizeLabelText:M,fontSizeTooltip:D,heightTooltip:S,leftTooltip:k,tooltip:w,topTooltip:O,widthTooltip:H,isTooltipVisible:G,labelText:f,subLabelText:V,fontSizeLabel:te}),P&&t.jsxs("div",{className:"item-filter",style:{left:p?"0":"auto",right:p?"auto":"0",minWidth:m,width:h,position:Q?"relative":"absolute"},children:[t.jsxs("div",{children:[J&&t.jsx("div",{style:{padding:"4px 8px",fontSize:U,backgroundColor:"#dde3f1",borderBottom:"1px solid #707070"},children:t.jsx(Xt,{inputProperties:{placeholder:Z,size:{width:"100%",height:"28px"},type:"text",onChange:ce=>E(ce.target.value),fontStyle:"italic"}})}),q&&t.jsx("div",{style:{padding:"0px 15px",fontSize:U,borderBottom:"1px solid #D0D0CE",backgroundColor:(()=>{const ce=X();return ce.length>0&&ce.every(de=>$.includes(de.id))?"#f4f4f4":"transparent"})()},children:t.jsx(Je.FormControlLabel,{control:t.jsx(Je.Checkbox,{checked:(()=>{const ce=X();return ce.length>0&&(ce==null?void 0:ce.every(oe=>$==null?void 0:$.includes(oe.id)))})(),onChange:le,sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),label:F,sx:{"& .MuiFormControlLabel-label":{fontSize:U,whiteSpace:v?"nowrap":"normal",overflow:"hidden",textOverflow:v?"ellipsis":"clip",textAlign:"start"}}})})]}),t.jsxs("div",{className:"items-list",children:[!q&&y.trim()!==""?t.jsxs("div",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:U,overflowWrap:"break-word"},children:['No se encontraron resultados para "',y,'"']}):(()=>{const ce=Object.entries(W).filter(([oe,de])=>{var Ee;if(!Array.isArray(de)||de.length===0)return!1;if(y.trim()==="")return!0;const ee=y.toLowerCase(),ie=(Ee=oe==null?void 0:oe.toLowerCase())==null?void 0:Ee.includes(ee),Me=de==null?void 0:de.some(Ne=>{var ae,Se;return(Se=(ae=Ne==null?void 0:Ne.name)==null?void 0:ae.toLowerCase())==null?void 0:Se.includes(ee)});return ie||Me});return ce==null?void 0:ce.map(([oe,de],ee)=>t.jsxs("div",{className:"item-group",style:{margin:r&&ee===0?"8px":"0"},children:[oe!=="Ungrouped"&&r&&t.jsxs(t.Fragment,{children:[t.jsx("h3",{style:{fontSize:U,margin:"0",fontStyle:"italic",fontWeight:"600",lineHeight:"22px"},children:oe}),t.jsx("div",{className:"item",style:{backgroundColor:(()=>{const ie=de==null?void 0:de.filter(Ee=>{var Se,Ye,nt;if((y==null?void 0:y.trim())==="")return!0;const Ne=y==null?void 0:y.toLowerCase();return((Se=oe==null?void 0:oe.toLowerCase())==null?void 0:Se.includes(Ne))?!0:(nt=(Ye=Ee==null?void 0:Ee.name)==null?void 0:Ye.toLowerCase())==null?void 0:nt.includes(Ne)});return(ie==null?void 0:ie.length)>0&&(ie==null?void 0:ie.every(Ee=>$==null?void 0:$.includes(Ee.id)))?"#f4f4f4":"transparent"})()},children:t.jsx(Je.FormControlLabel,{control:t.jsx(Je.Checkbox,{checked:(()=>{const ie=de.filter(Me=>{var ae,Se,Ye;if((y==null?void 0:y.trim())==="")return!0;const Ee=y==null?void 0:y.toLowerCase();return((ae=oe==null?void 0:oe.toLowerCase())==null?void 0:ae.includes(Ee))?!0:(Ye=(Se=Me==null?void 0:Me.name)==null?void 0:Se.toLowerCase())==null?void 0:Ye.includes(Ee)});return(ie==null?void 0:ie.length)>0&&(ie==null?void 0:ie.every(Me=>$==null?void 0:$.includes(Me.id)))})(),onChange:ie=>{z.current=!0;const Ee=de.filter(Ne=>{if(y.trim()==="")return!0;const ae=y.toLowerCase();return oe.toLowerCase().includes(ae)?!0:Ne.name.toLowerCase().includes(ae)}).map(Ne=>Ne.id);if(ie.target.checked){const Ne=Ee.filter(Se=>!$.includes(Se)),ae=[...$,...Ne];if(R(ae),o&&o(ae),l){const Se=ue(ae);l(Se)}}else{const Ne=$.filter(ae=>!Ee.includes(ae));if(R(Ne),o&&o(Ne),l){const ae=ue(Ne);l(ae)}}},sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),label:(()=>{if(r&&typeof e=="object"&&!Array.isArray(e)){const ie=e[oe];if(Array.isArray(ie)&&ie.length>0&&ie[0].groupLabel)return ie[0].groupLabel}return`Seleccionar ${oe}`})(),sx:{"& .MuiFormControlLabel-label":{fontSize:U,fontWeight:"400",lineHeight:"22px",whiteSpace:v?"nowrap":"normal",overflow:"hidden",textOverflow:v?"ellipsis":"clip"}}})})]}),de.filter(ie=>{if(y.trim()==="")return!0;const Me=y.toLowerCase();return oe.toLowerCase().includes(Me)?!0:ie.name.toLowerCase().includes(Me)}).map(ie=>t.jsx("div",{className:"item",style:{backgroundColor:$.includes(ie.id)?"#f4f4f4":"transparent"},children:t.jsx(Je.FormControlLabel,{control:t.jsx(Je.Checkbox,{checked:$.includes(ie.id),onChange:()=>fe(ie.id),sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),label:ie.name,sx:{"& .MuiFormControlLabel-label":{fontSize:U,fontWeight:"400",lineHeight:"22px",whiteSpace:v?"nowrap":"normal",overflow:"hidden",textOverflow:v?"ellipsis":"clip"}}})},ie.id))]},oe))})(),Re&&t.jsx("li",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:U,cursor:"default",overflowWrap:"break-word"},children:"No hay opciones disponibles"})]}),i&&t.jsx("div",{className:"containerButtonSelectAll",children:t.jsx(Ue,{buttonProperties:{disabled:!1,onClick:()=>Be()},children:d})})]})]})};Vr.propTypes={data:n.array,grouped:n.bool,divideColumns:n.bool,selectButton:n.bool,onChange:n.func,onChangeFunction:n.func,label:n.string,width:n.string,textButton:n.string,maxHeight:n.string,keyReset:n.number,left:n.bool,minWidthDropdown:n.string,disabled:n.bool,textOverflow:n.bool,widthDropdown:n.string,error:n.bool,fontSizeLabelText:n.string,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,subLabelText:n.string,labelText:n.string,language:n.string,textSelectAll:n.string,placeholderSearch:n.string,isRelative:n.bool,selectedValues:n.array,fontSizeLabel:n.string,fontSizeOptions:n.string};const E0=e=>t.jsx(Qe,{color:"grey",...e}),N0=_e(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),D0=_e(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),A0=_e(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function O0(e){return rt("MuiCheckbox",e)}const Zr=ct("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),I0=e=>{const{classes:r,indeterminate:s,color:i,size:o}=e,l={root:["root",s&&"indeterminate",`color${Oe(i)}`,`size${Oe(o)}`]},a=gt(l,O0,r);return{...r,...a}},R0=Fe($r,{shouldForwardProp:e=>Zt(e)||e==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.root,s.indeterminate&&r.indeterminate,r[`size${Oe(s.size)}`],s.color!=="default"&&r[`color${Oe(s.color)}`]]}})(xt(({theme:e})=>({color:(e.vars||e).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:Lt(e.palette.action.active,e.palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter(Gt()).map(([r])=>({props:{color:r,disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[r].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:Lt(e.palette[r].main,e.palette.action.hoverOpacity)}}})),...Object.entries(e.palette).filter(Gt()).map(([r])=>({props:{color:r},style:{[`&.${Zr.checked}, &.${Zr.indeterminate}`]:{color:(e.vars||e).palette[r].main},[`&.${Zr.disabled}`]:{color:(e.vars||e).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),P0=t.jsx(D0,{}),W0=t.jsx(N0,{}),$0=t.jsx(A0,{}),ho=re.forwardRef(function(r,s){const i=vt({props:r,name:"MuiCheckbox"}),{checkedIcon:o=P0,color:l="primary",icon:a=W0,indeterminate:c=!1,indeterminateIcon:d=$0,inputProps:u,size:g="medium",disableRipple:p=!1,className:m,slots:x={},slotProps:v={},...h}=i,j=c?d:a,M=c?d:o,D={...i,disableRipple:p,color:l,indeterminate:c,size:g},S=I0(D),k=v.input??u,[w,O]=qt("root",{ref:s,elementType:R0,className:We(S.root,m),shouldForwardComponentProp:!0,externalForwardedProps:{slots:x,slotProps:v,...h},ownerState:D,additionalProps:{type:"checkbox",icon:re.cloneElement(j,{fontSize:j.props.fontSize??g}),checkedIcon:re.cloneElement(M,{fontSize:M.props.fontSize??g}),disableRipple:p,slots:x,slotProps:{input:u1(typeof k=="function"?k(D):k,{"data-indeterminate":c})}}});return t.jsx(w,{...O,classes:S})});process.env.NODE_ENV!=="production"&&(ho.propTypes={checked:n.bool,checkedIcon:n.node,classes:n.object,className:n.string,color:n.oneOfType([n.oneOf(["default","primary","secondary","error","info","success","warning"]),n.string]),defaultChecked:n.bool,disabled:n.bool,disableRipple:n.bool,icon:n.node,id:n.string,indeterminate:n.bool,indeterminateIcon:n.node,inputProps:n.object,onChange:n.func,required:n.bool,size:n.oneOfType([n.oneOf(["medium","small"]),n.string]),slotProps:n.shape({input:n.oneOfType([n.func,n.object]),root:n.oneOfType([n.func,n.object])}),slots:n.shape({input:n.elementType,root:n.elementType}),sx:n.oneOfType([n.arrayOf(n.oneOfType([n.func,n.object,n.bool])),n.func,n.object]),value:n.any});const uo=e=>{const[r,s]=C.useState(!1),[i,o]=C.useState([]),l=C.useRef(null),{options:a,onchange:c,label:d,size:u,error:g,keyReset:p,fontSizeOptions:m="0.9vw",disabled:x,maxHeightOptions:v,labelText:h,subLabelText:j,gap:M="0",fontSizeLabel:D="0.9vw",onChangeFunction:S,id:k,fontSizeLabelText:w,fontSizeTooltip:O,heightTooltip:H,leftTooltip:G,tooltip:V,topTooltip:f,widthTooltip:L,isTooltipVisible:F,placeholderInputSearch:Z="Buscar...",sortAlphabetically:Q=!0,value:K}=e,[te,U]=C.useState(a);C.useEffect(()=>{const A=Q?[...a].sort((z,B)=>{var W;return(W=z.label)==null?void 0:W.localeCompare(B.label)}):[...a];U(A)},[a,Q]);const $=A=>{o(z=>z.some(B=>pt.isEqual(B,A))?(c&&c(z.filter(B=>!pt.isEqual(B,A))),S&&S({id:k,value:z.filter(B=>!pt.isEqual(B,A))}),z.filter(B=>!pt.isEqual(B,A))):(c&&c([...z,A]),S&&S({id:k,value:[...z,A]}),[...z,A]))},R=()=>i.length===0?d:i.map(A=>{const z=a.find(B=>pt.isEqual(B.value,A));return z?z.label:""}).filter(Boolean).join(", ");C.useEffect(()=>{o([])},[p]),C.useEffect(()=>{K!=null&&(Array.isArray(K)?o(K):o([]))},[K]);const y=A=>{l.current&&!l.current.contains(A.target)&&s(!1)};C.useEffect(()=>(document.addEventListener("mousedown",y),()=>{document.removeEventListener("mousedown",y)}),[]),C.useEffect(()=>{if(!r){const A=Q?[...a].sort((z,B)=>{var W;return(W=z.label)==null?void 0:W.localeCompare(B.label)}):[...a];U(A),P("")}},[r,a,Q]);const[E,P]=C.useState(""),N=A=>{const z=A.target.value;P(z);const B=a.filter(I=>I.label.toLowerCase().includes(z.toLowerCase())),W=Q?B.sort((I,J)=>{var X;return(X=I.label)==null?void 0:X.localeCompare(J.label)}):B;U(W)};return t.jsxs("div",{ref:l,className:"relative",style:{width:u},children:[t.jsx(Qe,{label:R(),onchange:()=>{},options:[],size:u,isOpen:r,setIsOpen:s,disabledClickOutside:!0,disabled:x,error:g,labelText:h,gap:M,subLabelText:j,fontSizeLabel:D,fontSizeLabelText:w,fontSizeTooltip:O,heightTooltip:H,leftTooltip:G,tooltip:V,topTooltip:f,widthTooltip:L,isTooltipVisible:F}),r&&t.jsxs("ul",{className:"multiselect-options",style:{maxHeight:v},children:[a.length>=Fr&&t.jsx("div",{style:{padding:"4px 8px",fontSize:"1vw",backgroundColor:"#dde3f1",borderBottom:"1px solid #707070"},children:t.jsx(Xt,{inputProperties:{placeholder:Z,size:{width:"100%",height:"28px"},type:"text",onChange:A=>N(A),fontStyle:"italic"}})}),te.length===0&&E.trim()!==""?t.jsxs("li",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:m,cursor:"default",overflowWrap:"break-word"},children:['No se encontraron resultados para "',E,'"']}):te.map(A=>t.jsxs("li",{onClick:()=>$(A.value),className:i.some(z=>pt.isEqual(z,A.value))?"selected":"",style:{fontSize:m},children:[t.jsx(ho,{checked:i.some(z=>pt.isEqual(z,A.value)),onChange:z=>{z.stopPropagation(),$(A.value)},onClick:()=>$(A.value),sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),A.label]},A.value.title||A.value)),a.length===0&&t.jsx("li",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:m,cursor:"default",overflowWrap:"break-word"},children:"No hay opciones disponibles"})]})]})};uo.propTypes={options:n.array,onchange:n.func,label:n.string,size:n.string,error:n.bool,keyReset:n.number,fontSizeOptions:n.string,disabled:n.bool,maxHeightOptions:n.string,labelText:n.string,subLabelText:n.any,gap:n.string,onChangeFunction:n.func,id:n.string,fontSizeLabel:n.string,fontSizeLabelText:n.string,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,placeholderInputSearch:n.string,inputProperties:n.object,sortAlphabetically:n.bool,value:n.array};const fo=e=>t.jsx(Qe,{...e,inputRadio:!0});fo.propTypes={size:n.string,options:n.array,label:n.string,onchange:n.func,error:n.bool};const po=({width:e,fontSize:r,onchange:s})=>{const[i,o]=C.useState(!1),[l,a]=C.useState(""),c=C.useRef(null),d=x=>{x.preventDefault(),o(!0)},u=x=>{x.preventDefault(),o(!1)},g=x=>{if(x.preventDefault(),o(!1),x.dataTransfer.files&&x.dataTransfer.files.length>0){const v=x.dataTransfer.files[0];s(v),a(v.name)}},p=x=>{if(x.target.files&&x.target.files.length>0){const v=x.target.files[0];s(v),a(v.name)}},m=()=>{var x;(x=c.current)==null||x.click()};return t.jsxs("div",{className:`drag-drop-upload ${i?"dragging":""}`,onDragOver:d,onDragLeave:u,onDrop:g,onClick:m,style:{width:e},children:[t.jsx(Sn,{}),l?t.jsx("p",{className:"upload-text file-name",style:{fontSize:r},children:l}):t.jsxs("p",{className:"upload-text",style:{fontSize:r},children:[t.jsx("span",{children:"Seleccione archivo"})," o arrastre hasta aquí (word, excel, png, jpg o pdf)"]}),t.jsx("input",{type:"file",ref:c,onChange:p,style:{display:"none"},accept:".pdf,.doc,.docx,.xlsx,.png,.jpg,.jpeg"})]})};po.propTypes={width:n.string,fontSize:n.string,onchange:n.func};const go=e=>{const{inputProperties:r,size:s,height:i="200px"}=e,[o,l]=C.useState(0),a=c=>{l(c.target.value.length),r.onChange&&r.onChange(c)};return t.jsxs(C1,{style:{width:s,height:i},children:[t.jsx("textarea",{...r,maxLength:220,onChange:a}),t.jsxs("p",{children:[o,"/220"]})]})};go.propTypes={inputProperties:n.object,size:n.string,height:n.string,handleChange:n.func};const mo=e=>{var s,i,o;const{inputProperties:r}=e;return t.jsxs(v1,{style:{...r==null?void 0:r.size},isSuccessful:(s=r==null?void 0:r.state)==null?void 0:s.success,children:[t.jsx(b1,{...r}),((i=r==null?void 0:r.state)==null?void 0:i.error)&&t.jsx("div",{style:{height:"20px"},children:t.jsx(xi,{children:"*"})}),((o=r==null?void 0:r.state)==null?void 0:o.success)&&t.jsx("div",{style:{height:"20px"},children:t.jsx(xi,{style:{color:"#009470",fontSize:"15px"},children:"✔"})})]})};mo.propTypes={inputProperties:n.object};const yo=({label:e,onchange:r,textSelect:s,width:i,labelText:o,subLabelText:l,fontSize:a})=>{const[c,d]=C.useState("00"),[u,g]=C.useState("00"),[p,m]=C.useState(!1),[x,v]=C.useState(e??"Hora Inicio"),h=C.useRef(),j=C.useRef(),M=Array.from({length:24},(O,H)=>H.toString().padStart(2,"0")),D=Array.from({length:60},(O,H)=>H.toString().padStart(2,"0"));C.useEffect(()=>{const O=H=>{j.current&&!j.current.contains(H.target)&&m(!1)};return document.addEventListener("mousedown",O),()=>{document.removeEventListener("mousedown",O)}},[]);const S=()=>{m(!1);const O=`${c}:${u}`;v(O),r(O)},k=O=>{let H=O.target.value.replace(/\D/g,"");H.length>4&&(H=H.slice(0,4));let G=H;if(H.length>=3&&(G=`${H.slice(0,2)}:${H.slice(2)}`),v(G),G.length===5){const[V,f]=G.split(":");parseInt(V,10)>=0&&parseInt(V,10)<24&&parseInt(f,10)>=0&&parseInt(f,10)<60?(d(V),g(f),r(G)):v(`${c}:${u}`)}},w=()=>{m(!p),h.current.focus()};return t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:{display:"flex",gap:"5px"},children:[o&&t.jsx("label",{className:"label-library",children:o}),l&&t.jsx("label",{className:"sub-label",children:l})]}),t.jsxs("div",{className:"time-picker-container",ref:j,style:{width:i},children:[t.jsxs("div",{className:"time-picker-input-wrapper",children:[t.jsx("input",{type:"text",ref:h,value:x,onChange:k,placeholder:"00:00",className:"time-picker-input",maxLength:5,style:{fontSize:a}}),t.jsx("button",{className:"time-picker-button",onClick:w,"aria-label":"Abrir selector de tiempo",children:t.jsx(ki,{})})]}),p&&t.jsxs("div",{className:"time-picker-dropdown",children:[t.jsxs("div",{className:"time-columns",children:[t.jsx("div",{className:"time-column",children:M.map(O=>t.jsx("div",{className:`time-option ${c===O?"selected":""}`,onClick:()=>d(O),children:O},O))}),t.jsx("div",{className:"time-column",children:D.map(O=>t.jsx("div",{className:`time-option ${u===O?"selected":""}`,onClick:()=>g(O),children:O},O))})]}),t.jsx("button",{className:"ok-button",onClick:S,children:s??"Seleccionar"})]})]})]})};yo.propTypes={label:n.string,onchange:n.func,textSelect:n.string,width:n.string,labelText:n.string,subLabelText:n.any,fontSize:n.string};const xo=e=>{var H;const[r,s]=C.useState(!1),{label:i,inputProperties:o,error:l,fontSizeLabel:a,subLabel:c,fontSizeInput:d,disabled:u,fontSizeTooltip:g,heightTooltip:p,leftTooltip:m,tooltip:x,topTooltip:v,widthTooltip:h,isTooltipVisible:j,keyReset:M}=e,D=G=>{o.handleChange&&o.handleChange(G)},S={...o};if(S.style&&S.style.width){const{width:G,...V}=S.style;S.style=V}const k=o==null?void 0:o.value,[w,O]=C.useState(k??"");return C.useEffect(()=>{k!==void 0&&O(k)},[k]),C.useEffect(()=>{M&&O("")},[M]),t.jsxs("div",{style:{width:(H=o==null?void 0:o.style)==null?void 0:H.width},children:[i&&t.jsx(Yt,{fontSizeTitle:a,fontSizeTooltip:g,heightTooltip:p,left:m,subTitle:c,title:i,tooltip:x,top:v,widthTooltip:h,isTooltipVisibleProp:j,marginBottom:"5px",htmlFor:(o==null?void 0:o.id)||"text-input"}),t.jsx(ar,{isfocused:r,haserror:l,style:{width:"100%"},children:t.jsx(cr,{id:o==null?void 0:o.id,onFocus:()=>s(!0),onBlur:()=>s(!1),onChange:D,fontSizeInput:d,...k!==void 0?{value:w}:{},disabled:u,style:{width:"90%"},...S})}),l&&t.jsx(yi,{children:l})]})};xo.propTypes={label:n.string,inputProperties:n.object,error:n.bool,fontSizeLabel:n.string,subLabel:n.string,fontSizeInput:n.string,value:n.string,disabled:n.bool,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,keyReset:n.bool};const vo=e=>t.jsx("button",{className:"button-search",...e,children:t.jsx(y1,{})}),bo=e=>{const[r,s]=C.useState(!1),[i,o]=C.useState(""),{label:l,inputProperties:a,error:c,fontSizeLabel:d,borderRadiusRight:u="4px",borderRadiusLeft:g="4px"}=e,p=x=>{o(x.target.value),a.handleChange(x)},m=x=>{x.preventDefault();const v={target:{value:i,id:a.id||"text-input"},preventDefault:()=>{}};a.handleChange(v)};return t.jsxs("form",{style:{...a==null?void 0:a.size},onSubmit:m,children:[l&&t.jsx(x1,{htmlFor:a.id||"text-input",style:{fontSize:d},children:l}),t.jsxs(ar,{isfocused:r,haserror:c,disabled:a.disabled,style:{width:"100%",position:"relative",borderTopRightRadius:u,borderBottomRightRadius:u,borderTopLeftRadius:g,borderBottomLeftRadius:g},children:[t.jsx(cr,{onFocus:()=>s(!0),onBlur:()=>s(!1),onChange:p,value:i,...a}),t.jsx("div",{style:{display:"flex",alignItems:"center",position:"absolute",right:"0px",height:"100%"},children:t.jsx(vo,{disabled:a.disabled})})]}),c&&t.jsx(yi,{children:c})]})};bo.propTypes={label:n.string,inputProperties:n.object,error:n.bool,fontSizeLabel:n.string,borderRadiusRight:n.string,borderRadiusLeft:n.string};const _0=()=>{const[e,r]=C.useState(15),s=()=>{r(l=>l+1)},i=()=>{r(l=>l-1)},o=l=>{const a=parseInt(l.target.value);isNaN(a)||r(a)};return t.jsxs("div",{className:"number-spinner",children:[t.jsx("input",{type:"number",value:e,onChange:o,className:"number-input"}),t.jsxs("div",{className:"spinner-buttons",children:[t.jsx("button",{onClick:s,className:"spinner-button up",children:"▲"}),t.jsx("button",{onClick:i,className:"spinner-button down",children:"▼"})]})]})},jo=({options:e,value:r,onChange:s,width:i,disabled:o,height:l,widthIcon:a,heightIcon:c,keyReset:d})=>{const u=({value:p})=>{s(p)},g=p=>p.map(m=>({label:m.toString(),value:m}));return t.jsx(Qe,{label:r,onchange:u,options:g(e),Icon:$i,size:i,disabled:o,paddingDropdownHeader:"0 0.5vw",height:l,widthIcon:a,heightIcon:c,keyReset:d,sortAlphabetically:!1})};jo.propTypes={options:n.array,value:n.any,onChange:n.func,disabled:n.bool,width:n.string,height:n.string,widthIcon:n.string,heightIcon:n.string,keyReset:n.number};const wo=e=>{const{data:r,onChange:s,label:i,size:o,error:l,keyReset:a,fontSizeOptions:c="0.9vw",fontSizeTitleOptions:d="1vw",fontSizeLabel:u,disabled:g,maxHeightOptions:p,value:m,hasDivisions:x,fontSizeLabelText:v,fontSizeTooltip:h,heightTooltip:j,leftTooltip:M,tooltip:D,topTooltip:S,widthTooltip:k,isTooltipVisible:w,labelText:O,subLabelText:H}=e,[G,V]=C.useState(!1),f=C.useRef(null),[L,F]=C.useState(m||""),Z=K=>{F(K),V(!1),s&&s(K)};C.useEffect(()=>{F("")},[a]);const Q=K=>{f.current&&!f.current.contains(K.target)&&V(!1)};return C.useEffect(()=>(document.addEventListener("mousedown",Q),()=>{document.removeEventListener("mousedown",Q)}),[]),t.jsxs("div",{ref:f,className:"relative",style:{width:o},children:[t.jsx(Qe,{label:L.label||i,onchange:()=>{},options:[],size:o,isOpen:G,setIsOpen:V,disabledClickOutside:!0,disabled:g,error:l,fontSizeLabel:u,fontSizeLabelText:v,fontSizeTooltip:h,heightTooltip:j,leftTooltip:M,tooltip:D,topTooltip:S,widthTooltip:k,isTooltipVisible:w,labelText:O,subLabelText:H}),G&&t.jsx("ul",{className:"item-filter",style:{width:"100%",maxHeight:p},children:r.map(K=>t.jsxs("div",{className:`item-group ${x?"border-bottom-select":""}`,style:{marginTop:"15px"},children:[t.jsx("h3",{style:{fontSize:d,fontWeight:"700"},children:K.title}),K.options.map(te=>t.jsx("div",{onClick:()=>Z(te),className:"item",style:{padding:"15px 20px",width:"100%",fontSize:c,cursor:"pointer",fontWeight:"400"},children:te.label},te.label))]},K.title))})]})};wo.propTypes={data:n.array,onChange:n.func,label:n.string,size:n.string,error:n.bool,keyReset:n.number,fontSizeLabel:n.string,fontSizeOptions:n.string,disabled:n.bool,maxHeightOptions:n.string,value:n.string,fontSizeTitleOptions:n.string,hasDivisions:n.bool,fontSizeLabelText:n.string,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,labelText:n.string,subLabelText:n.string};const ko=({onChange:e,text:r,subText:s,fontSize:i,fileTypes:o,id:l,ref:a=null,multiple:c=!1})=>{const d=a||C.useRef(null),[u,g]=C.useState(!1),p=j=>{j.preventDefault(),g(!0)},m=j=>{j.preventDefault(),g(!1)},x=j=>{j.preventDefault(),g(!1),j.dataTransfer.files&&j.dataTransfer.files[0]&&e({file:j.dataTransfer.files[0],id:l})},v=()=>{d.current.click()},h=j=>{j.target.files&&j.target.files[0]&&e({file:j.target.files[0],id:l}),j.target.value=""};return t.jsxs("div",{className:`file-upload ${u?"dragging":""}`,onDragOver:p,onDragLeave:m,onDrop:x,onClick:v,style:{backgroundColor:"white"},children:[t.jsx("input",{ref:d,type:"file",className:"file-input",accept:o,onChange:h,multiple:c}),t.jsxs("div",{className:"flex align-center",style:{gap:"0.8vw"},children:[t.jsx(Sn,{fill:"#8598AD"}),t.jsxs("div",{className:"flex gap-05",style:{borderBottom:"1px solid #8598AD"},children:[t.jsx("p",{className:"upload-text",style:{fontSize:i,borderBottom:"0px",paddingRight:"4px"},children:r}),t.jsx("p",{className:"sub-text",style:{fontSize:i,borderBottom:"0px"},children:s})]})]})]})};ko.propTypes={onChange:n.func,text:n.string,subText:n.string,fontSize:n.string,fileTypes:n.string,id:n.string,multiple:n.bool};const Co=({handleReset:e,disabled:r})=>t.jsx("button",{className:`button-reset ${r?"disabled":""}`,onClick:()=>e(),disabled:r,children:t.jsx(Cn,{})});Co.propTypes={handleReset:n.func,disabled:n.bool};const So=({width:e})=>t.jsxs(z0,{style:{backgroundColor:"#f5f6fa",width:e},children:[t.jsx(Hr,{children:t.jsx(ur,{width:"100%",height:"30px"})}),t.jsx(Hr,{children:t.jsx(hr,{width:"100%",height:"30px"})}),t.jsx(Hr,{children:t.jsx(dr,{width:"60%",height:"30px"})})]});So.propTypes={width:n.string};const B0={colors:{backgroundPrimary:"#f5f6fa",backgroundSecondary:"#ffffff",backgroundThird:"#DDE3F1",contrastPrimary:"#0b14a7",contrastSecondary:"#33A4DD",contrastBackground:"#d4eaf5",dangerPrimary:"#FF3F3F",textSecondary:"#97A7B9",secondaryColor:"#0047AB",circularComponentContrast:"#797979",bottonSecondary:"#d3ecf8",bottonSuccess:"#119672",circularComponentBackground:"#d3ecf8",circularComponentCheckBackground:"#c4ebe0",circularComponentBackgroundDisabled:"#797979",buttonBlueBackground:"#21459c"},size:{xs:"0.8vw",s:"1vw",m:"1.3vw",l:"1.5vw",xl:"2vw"},gap:{xs:"0.5vw",s:"1vw",m:"1.5vw",l:"2vw",xl:"2.5vw"},typography:{body1:{fontSize:"1rem"}}},Jt=e=>{const r=e==null?void 0:e.IconProp;return t.jsx(me.ThemeProvider,{theme:B0,children:t.jsxs(T0,{...e.buttonProperties,children:[r&&t.jsx(r,{style:{width:"30px",height:"30px"}}),e.children]})})};Jt.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func}),children:n.node||n.string,IconProp:n.any};const To=e=>{const r={...e,buttonProperties:{backgroundcolor:"#119672",...e.buttonProperties,style:{color:"white",...e.buttonProperties.style}}};return t.jsx(Ue,{...r,children:e.children})};To.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const Mo=({onClick:e,width:r,fontSize:s,disabled:i,children:o="DESCARGAR",icon:l,diseableOption:a})=>{const[c,d]=C.useState(!1),u=C.useRef(null);C.useEffect(()=>{const p=m=>{u.current&&!u.current.contains(m.target)&&d(!1)};return document.addEventListener("mousedown",p),()=>{document.removeEventListener("mousedown",p)}},[]);const g=p=>{e(p),d(!1)};return t.jsxs("div",{className:`download-button-container ${i?"disabled":""}`,ref:u,style:{width:r},children:[t.jsx("button",{className:"download-button",onClick:()=>!i&&d(!c),children:t.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"0.2vw",fontSize:s},children:[l,o]})}),t.jsx("div",{className:`arrowContainer ${i?"disabled":""}`,onClick:()=>!i&&d(!c),children:t.jsx("i",{className:`arrow-white ${c?"up":"down"}`})}),c&&t.jsxs("div",{className:"dropdown-menu",style:{width:r},children:[!(a!=null&&a.csv)&&t.jsx("button",{onClick:()=>g("csv"),children:"CSV"}),!(a!=null&&a.xlsx)&&t.jsx("button",{onClick:()=>g("xlsx"),children:"XLSX"})]})]})};Mo.propTypes={onClick:n.func,width:n.string,fontSize:n.string,disabled:n.bool,children:n.string,icon:n.element,diseableOption:n.object};const zo=({onclick:e,height:r})=>t.jsx("button",{onClick:e,className:"button-plus",style:{height:r},children:t.jsx(Ei,{})});zo.propTypes={onclick:n.func,height:n.string};const Eo=({onclick:e,height:r})=>t.jsx("button",{onClick:e,className:"button-plus",style:{height:r},children:t.jsx(Ni,{})});Eo.propTypes={onclick:n.func,height:n.string};const L0=_e(t.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20"}),"AccountCircle"),No=e=>{const s={IconProp:L0,...e,buttonProperties:{backgroundcolor:"#dde3f1",color:"#21459c",border:"1px solid #21459c",...e.buttonProperties,style:{...e.buttonProperties.style}}};return t.jsx(Jt,{...s,children:e.children})};No.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const Do=e=>{const s={...e,IconProp:kn};return t.jsx(Jt,{...s})};Do.propTypes={buttonProperties:n.shape({disabled:n.bool}),children:n.node||n.string,IconProp:n.node};const Ur=e=>t.jsx(M0,{...e.buttonProperties,children:e.children});Ur.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func}),children:n.node||n.string};const Nt=e=>{const r={...e,buttonProperties:{backgroundcolor:"white",border:"1px solid #33a4dd",color:"#33a4dd",...e.buttonProperties,style:{...e.buttonProperties.style}}};return t.jsx(Ue,{...r})};Nt.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const F0=_e(t.jsx("path",{d:"M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 10V8h-2v4H8l4 4 4-4z"}),"ArrowCircleDown"),Ao=e=>{const s={...e,IconProp:F0};return t.jsx(Jt,{...s})};Ao.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func}),children:n.node||n.string,IconProp:n.node};const Oo=e=>{const{children:r,onChange:s,disabled:i,width:o,fontSize:l,id:a}=e,c={width:o||"auto",display:"inline-flex",alignItems:"center",justifyContent:"space-between",padding:"10px 20px",backgroundColor:i?"#7e8080":"#33a4dd",color:"white",borderRadius:"4px",border:"none",cursor:i?"not-allowed":"pointer",fontSize:l||"14px",transition:"background-color 0.3s",fontFamily:"'Roboto', sans-serif"},d={marginLeft:"10px",width:"20px",height:"20px"},u=g=>{const p=g.target.files[0];s(p)};return t.jsxs("div",{children:[t.jsx("input",{type:"file",id:a,accept:"image/*",disabled:i,style:{display:"none"},onChange:g=>u(g)}),t.jsxs("label",{htmlFor:a,style:c,children:[r,t.jsx(kn,{style:d})]})]})};Oo.propTypes={children:n.node||n.string,onChange:n.func,disabled:n.bool,width:n.string,fontSize:n.string,id:n.string};const Dn=({buttonProperties:e={},...r})=>{const s={backgroundcolor:"transparent",border:"1px solid #fcb035",color:"black",...e,style:{...e.style}};return t.jsx(Ue,{...r,buttonProperties:s,children:r.children})};Dn.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const H0=_e(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-3 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1"}),"AddBoxRounded"),Io=({marginBottom:e,onClick:r})=>t.jsx(H0,{sx:{color:"#8598ad",width:20,height:20,marginBottom:e,cursor:"pointer"},onClick:r});Io.propTypes={marginBottom:n.string,onClick:n.func};const Ro=e=>{const r={...e,buttonProperties:{backgroundcolor:"#dde3f1",color:"#21459c",...e.buttonProperties,style:{...e.buttonProperties.style}}};return t.jsx(Ur,{...r})};Ro.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const Yr=({children:e,buttonProperties:r,widthIcon:s="70%",icon:i=t.jsx(xr,{width:s})})=>t.jsxs(Nt,{buttonProperties:r,children:[i,e]});Yr.propTypes={children:n.string,icon:n.node,buttonProperties:n.object,widthIcon:n.string};const Po=({onChange:e,isOpen:r})=>{const[s,i]=C.useState(r),o=()=>{i(!s),e&&e(s)};return t.jsx("button",{className:"reset-styles-button",onClick:o,children:s?t.jsx(br,{}):t.jsx(vr,{})})};Po.propTypes={onChange:n.func,isOpen:n.bool};const qr=({onChange:e,isOpen:r,color:s,hasHover:i,padding:o,display:l,height:a,width:c})=>t.jsx("button",{type:"button",onClick:()=>e(!r),className:`reset-styles-button arrow-button ${i?"hoverclass":""}`,style:{height:a,width:c,transition:"transform 0.3s ease",display:l},children:t.jsx("i",{className:`arrow-blue-container ${r?"up":"down"}`,style:{borderColor:s,padding:o}})});qr.propTypes={onChange:n.func,isOpen:n.bool,color:n.string,hasHover:n.bool,padding:n.string,display:n.string,height:n.string,width:n.string};const Wo=({className:e,text:r,onClick:s})=>t.jsxs("button",{className:`button-clean-filters ${e} `,onClick:s,children:[t.jsx(kr,{})," ",t.jsx("span",{children:r})]});Wo.propTypes={className:n.string,text:n.string,onClick:n.func};const $o=({textOpen:e,textClose:r,isOpen:s,onChange:i,className:o})=>{const[l,a]=C.useState(s);C.useEffect(()=>{a(s)},[s]);const c=()=>{const d=!l;a(d),i&&i(d)};return t.jsxs("button",{className:`button-vibrant-blue ${o}`,onClick:c,children:[t.jsx("span",{className:"button-eye-text",children:l?r:e}),l?t.jsx(br,{}):t.jsx(vr,{})]})};$o.propTypes={textOpen:n.string,textClose:n.string,isOpen:n.bool,onChange:n.func,className:n.string};const _o=({children:e,widthIcon:r="10%",width:s,icon:i=t.jsx(Zi,{width:r}),arrowRightIcon:o=t.jsx(Mr,{width:r}),hasOptions:l=!1,onClick:a,onOptionSelect:c,options:d,className:u,...g})=>{const[p,m]=C.useState(!1),x=C.useRef(null),v=h=>{m(!1),c==null||c(h)};return C.useEffect(()=>{const h=j=>{x.current&&!x.current.contains(j.target)&&m(!1)};return p&&document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[p]),t.jsxs("button",{ref:x,className:`button-white-border-blue-send-email ${u}`,...g,style:{width:s},onClick:()=>{l&&m(!p),a==null||a()},children:[i,e,l?t.jsx("i",{className:`arrow-white ${p?"up":"down"}`}):o,p&&d&&t.jsx("ul",{className:"dropdown-options--button-white-border",style:{width:s},children:d.map(h=>t.jsx("li",{className:"dropdown-options--button-white-border-li",onClick:()=>v(h),children:h.value},h.id))})]})};_o.propTypes={children:n.string,icon:n.node,widthIcon:n.string,arrowRightIcon:n.node,hasOptions:n.bool,onClick:n.func,onOptionSelect:n.func,options:n.arrayOf(n.object),width:n.string,className:n.string};const Bo=e=>{const{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,style:a}=e.buttonProperties,{IconLeft:c=t.jsx(Ui,{}),IconRight:d=t.jsx(Mr,{})}=e;return t.jsxs(co,{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,className:"VibrantBlueStyle ButtonVibrantBlueSend",style:{...a,display:"flex",alignItems:"center",gap:"15px",justifyContent:"center"},children:[c,e.children,d]})};Bo.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,backgroundcolor:n.string,border:n.string,color:n.string,style:n.object}),children:n.node||n.string,IconLeft:n.any,IconRight:n.any};const Gr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-active",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(Mn,{}),"Activo"]});Gr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Kr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-inactive",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(Mi,{}),"Inactivo"]});Kr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Xr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-canceled",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(Di,{}),"Cancelada"]});Xr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Jr=({width:e,fontSize:r,icon:s,marginAuto:i,height:o})=>{const[l,a]=C.useState(!1);return t.jsxs("div",{className:"state-basic states-completed",style:{width:e,fontSize:r,margin:i?"auto":"",height:o},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[t.jsx(Ti,{}),"Finalizada",s&&t.jsx("div",{className:"state-icon-inTransit",children:t.jsx(En,{height:27,background:"#d8f6c4",fillIcon:"#ff0000"})}),s&&l&&t.jsx("div",{className:"absolute hoverStates",children:"Devoluciones"})]})};Jr.propTypes={width:n.string,fontSize:n.string,icon:n.bool,marginAuto:n.bool,height:n.string};const Qr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-inTransit",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(zi,{}),"En tránsito",t.jsx("div",{className:"state-icon-inTransit",children:t.jsx(En,{height:i})})]});Qr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Lo=({children:e,className:r="",classNameIcon:s="",fill:i="#54AC1B",...o})=>t.jsxs("div",{className:`state-basic ${r}`.trim(),...o,children:[t.jsx(Mn,{className:s,fill:i}),e]});Lo.propTypes={children:n.node,className:n.string,classNameIcon:n.string,fill:n.string};const ft=_e(t.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"}),"Cancel"),Fo=({width:e,fontSize:r,children:s,onDelete:i,background:o,fontWeight:l,id:a,className:c})=>t.jsxs("div",{className:`chip ${c}`,style:{width:e,fontSize:r,background:o,fontWeight:l},children:[s,t.jsx("button",{className:"reset-styles-button",onClick:()=>i({children:s,id:a}),children:t.jsx(ft,{sx:{color:"#8598ad",height:"16px"}})})]});Fo.propTypes={width:n.string,fontSize:n.string,children:n.any,onDelete:n.func,background:n.string,fontWeight:n.string,id:n.string,className:n.string};const es=({children:e,onChange:r,isSelect:s,height:i})=>t.jsx("div",{className:`toggle-chip ${s?"active":""}`,style:{height:i},onClick:()=>r({isSelect:!s,value:e}),children:e});es.propTypes={children:n.any,onChange:n.func,isSelect:n.bool,height:n.string};const Ho=({children:e,className:r=""})=>t.jsx("div",{className:`chip-section ${r}`,children:e});Ho.propTypes={children:n.node,className:n.string};const Vo=({text:e,icon:r,className:s,color:i,background:o,onDelete:l})=>t.jsxs("div",{className:`chip chip-with-icon ${s}`,style:{background:o},children:[r,t.jsx("span",{className:"chip-text",children:e}),l&&t.jsx("button",{className:"reset-styles-button",onClick:()=>l(e),children:t.jsx(ft,{sx:{color:i,height:"16px"}})}),!l&&t.jsx(ft,{sx:{color:i,height:"16px"}})]});Vo.propTypes={text:n.string,icon:n.element,className:n.string,color:n.string,background:n.string,onDelete:n.func};const V0=(e,r="en")=>{const s={en:"en-US",es:"es-ES"},i={day:"2-digit",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return e.toLocaleDateString(r[s],i)},Zo=({date:e,language:r="es"})=>{const s=V0(e,r),i=r==="es"?"Última Actualización":"Last Update";return t.jsxs("div",{className:"last-update-container",children:[t.jsx("div",{className:"last-update-header",children:t.jsx("h2",{children:i})}),t.jsx("div",{className:"last-update-content",children:t.jsx("p",{children:s})})]})};Zo.propTypes={date:n.instanceOf(Date),language:n.string};const Uo=({title:e,sizeFile:r,onDelete:s,width:i,fontSize:o,typeFile:l="excel",widthIcon:a="30%",heightIcon:c="100%",gap:d="1.1vw"})=>t.jsxs("div",{className:"FilePreview container",style:{width:i,gap:d},children:[l==="excel"?t.jsx(gr,{width:a,height:c}):t.jsx(Ci,{width:a,height:c}),t.jsx("p",{style:{fontSize:o},children:e}),t.jsxs("span",{style:{fontSize:o},children:["(",r," K)"]}),t.jsx("button",{onClick:s,children:t.jsx(Si,{})})]});Uo.propTypes={title:n.string,sizeFile:n.string,onDelete:n.func,width:n.string,fontSize:n.string,typeFile:n.oneOf(["excel","pdf"]),widthIcon:n.string,heightIcon:n.string,gap:n.string};const Dt=({options:e,onClick:r,fontSize:s,width:i})=>{const[o,l]=C.useState(!1),a=C.useRef(null),c=d=>{r(d),l(!1)};return C.useEffect(()=>{const d=u=>{a.current&&!a.current.contains(u.target)&&l(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]),t.jsxs("div",{className:"menu-options__container",ref:a,children:[t.jsx("button",{className:`menu-button reset-styles-button ${o?"open":""}`,onClick:()=>l(!o),children:t.jsx("span",{className:"menu-icon",children:t.jsx(Oi,{})})}),o&&t.jsx("nav",{className:"menu-options",style:{width:i},children:e.map((d,u)=>t.jsx("div",{className:"menu-options__group",children:d.data.map((g,p)=>t.jsxs("button",{className:"menu-item",onClick:()=>c(g.text),children:[t.jsx("span",{className:"menu-icon",children:g.icon}),t.jsx("span",{className:"menu-text",style:{fontSize:s},children:g.text})]},p))},u))})]})};Dt.propTypes={options:n.arrayOf(n.shape({icon:n.element,text:n.string})),onClick:n.func,fontSize:n.string,width:n.string};const Yo=me.div`
+`,Ue=e=>{const{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,style:a}=e.buttonProperties,{IconProp:c}=e;return t.jsxs(co,{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,className:"VibrantBlueStyle",style:{...a,display:"flex",alignItems:"center",gap:"15px",justifyContent:"center"},children:[e.children,c&&t.jsx(c,{style:{width:"30px",height:"25px"}})]})};Ue.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,backgroundcolor:n.string,border:n.string,color:n.string,style:n.object}),children:n.node||n.string,IconProp:n.any};const Vr=({data:e,grouped:r,divideColumns:s=!1,selectButton:i,onChange:o,onChangeFunction:l,label:a,width:c,textButton:d,maxHeight:u,keyReset:g,left:p=!1,minWidthDropdown:m="100%",disabled:x,textOverflow:v=!0,widthDropdown:h,error:j,fontSizeLabelText:M,fontSizeTooltip:D,heightTooltip:S,leftTooltip:k,tooltip:w,topTooltip:O,widthTooltip:H,isTooltipVisible:G,subLabelText:V,labelText:f,language:L="es",textSelectAll:F="Seleccionar Todo",placeholderSearch:Z="Buscar...",isRelative:Q=!1,selectedValues:K,fontSizeLabel:te,fontSizeOptions:U="1vw"})=>{const[$,R]=C.useState([]),[y,E]=C.useState(""),[P,N]=C.useState(!1),A=C.useRef(null),z=C.useRef(!1),B=C.useRef(K!==void 0);C.useEffect(()=>{K!==void 0&&(R(K),B.current=!0)},[K]);const W=S0(e,r),J=Object.values(W).flat().length>=Fr,X=()=>{if(y.trim()==="")return Object.values(W).flat();const ce=y.toLowerCase(),oe=[];return Object.entries(W).forEach(([de,ee])=>{if(!Array.isArray(ee)||ee.length===0)return;if(de.toLowerCase().includes(ce))oe.push(...ee);else{const Me=ee.filter(Ee=>Ee.name.toLowerCase().includes(ce));oe.push(...Me)}}),oe},q=X().length>0,ue=ce=>ce.map(oe=>{let de=null;if(r&&typeof e=="object"&&!Array.isArray(e)){for(const ee of Object.values(e))if(Array.isArray(ee)&&(de=ee.find(ie=>ie.id===oe),de))break}else Array.isArray(e)&&(de=e.find(ee=>ee.id===oe));if(de){const ee={id:de.id,name:de.name};return de.value!==void 0&&(ee.value=de.value),Object.keys(de).forEach(ie=>{Object.prototype.hasOwnProperty.call(ee,ie)||(ee[ie]=de[ie])}),ee}return null}).filter(Boolean),le=ce=>{if(z.current=!0,ce.target.checked){const oe=X(),de=oe.map(Me=>Me.id),ie=[...$.filter(Me=>!oe.some(Ne=>Ne.id===Me)),...de];if(R(ie),o&&o(ie),l){const Me=ue(ie);l(Me)}}else{const de=X().map(ie=>ie.id),ee=$.filter(ie=>!de.includes(ie));if(R(ee),o&&o(ee),l){const ie=ue(ee);l(ie)}}},fe=ce=>{z.current=!0,R(oe=>{const de=oe.includes(ce)?oe.filter(ee=>ee!==ce):[...oe,ce];if(o&&o(de),l){const ee=ue(de);l(ee)}return de})},Be=()=>{if(o&&o($),l){const ce=ue($);l(ce)}N(!1)};C.useEffect(()=>{const ce=oe=>{A.current&&!A.current.contains(oe.target)&&N(!1)};return document.addEventListener("mousedown",ce),()=>{document.removeEventListener("mousedown",ce)}},[A]),C.useEffect(()=>{P||E("")},[P]);const we=()=>$.map(oe=>{for(const de of Object.values(W)){const ee=de.find(ie=>ie.id===oe);if(ee)return ee.name}return null}).filter(Boolean).join(", ");C.useEffect(()=>{R([]),z.current=!1,K===void 0&&(B.current=!1)},[g,K]),C.useEffect(()=>{if(B.current&&!z.current){const ce=K||[];R(oe=>JSON.stringify(oe.sort())!==JSON.stringify(ce.sort())?ce:oe)}z.current=!1},[K]);const Re=Object.values(W).every(ce=>Array.isArray(ce)&&ce.length===0);return t.jsxs("div",{className:"relative",ref:A,children:[t.jsx(Qe,{label:$.length>0?we():a,onchange:()=>{},options:[],size:c,isOpen:P,setIsOpen:N,disabledClickOutside:!0,disabled:x,error:j,fontSizeLabelText:M,fontSizeTooltip:D,heightTooltip:S,leftTooltip:k,tooltip:w,topTooltip:O,widthTooltip:H,isTooltipVisible:G,labelText:f,subLabelText:V,fontSizeLabel:te,withoutOptions:!0}),P&&t.jsxs("div",{className:"item-filter",style:{left:p?"0":"auto",right:p?"auto":"0",minWidth:m,width:h,position:Q?"relative":"absolute"},children:[t.jsxs("div",{children:[J&&t.jsx("div",{style:{padding:"4px 8px",fontSize:U,backgroundColor:"#dde3f1",borderBottom:"1px solid #707070"},children:t.jsx(Xt,{inputProperties:{placeholder:Z,size:{width:"100%",height:"28px"},type:"text",onChange:ce=>E(ce.target.value),fontStyle:"italic"}})}),q&&t.jsx("div",{style:{padding:"0px 15px",fontSize:U,borderBottom:"1px solid #D0D0CE",backgroundColor:(()=>{const ce=X();return ce.length>0&&ce.every(de=>$.includes(de.id))?"#f4f4f4":"transparent"})()},children:t.jsx(Je.FormControlLabel,{control:t.jsx(Je.Checkbox,{checked:(()=>{const ce=X();return ce.length>0&&(ce==null?void 0:ce.every(oe=>$==null?void 0:$.includes(oe.id)))})(),onChange:le,sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),label:F,sx:{"& .MuiFormControlLabel-label":{fontSize:U,whiteSpace:v?"nowrap":"normal",overflow:"hidden",textOverflow:v?"ellipsis":"clip",textAlign:"start"}}})})]}),t.jsxs("div",{className:"items-list",children:[!q&&y.trim()!==""?t.jsxs("div",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:U,overflowWrap:"break-word"},children:['No se encontraron resultados para "',y,'"']}):(()=>{const ce=Object.entries(W).filter(([oe,de])=>{var Ee;if(!Array.isArray(de)||de.length===0)return!1;if(y.trim()==="")return!0;const ee=y.toLowerCase(),ie=(Ee=oe==null?void 0:oe.toLowerCase())==null?void 0:Ee.includes(ee),Me=de==null?void 0:de.some(Ne=>{var ae,Se;return(Se=(ae=Ne==null?void 0:Ne.name)==null?void 0:ae.toLowerCase())==null?void 0:Se.includes(ee)});return ie||Me});return ce==null?void 0:ce.map(([oe,de],ee)=>t.jsxs("div",{className:"item-group",style:{margin:r&&ee===0?"8px":"0"},children:[oe!=="Ungrouped"&&r&&t.jsxs(t.Fragment,{children:[t.jsx("h3",{style:{fontSize:U,margin:"0",fontStyle:"italic",fontWeight:"600",lineHeight:"22px"},children:oe}),t.jsx("div",{className:"item",style:{backgroundColor:(()=>{const ie=de==null?void 0:de.filter(Ee=>{var Se,Ye,nt;if((y==null?void 0:y.trim())==="")return!0;const Ne=y==null?void 0:y.toLowerCase();return((Se=oe==null?void 0:oe.toLowerCase())==null?void 0:Se.includes(Ne))?!0:(nt=(Ye=Ee==null?void 0:Ee.name)==null?void 0:Ye.toLowerCase())==null?void 0:nt.includes(Ne)});return(ie==null?void 0:ie.length)>0&&(ie==null?void 0:ie.every(Ee=>$==null?void 0:$.includes(Ee.id)))?"#f4f4f4":"transparent"})()},children:t.jsx(Je.FormControlLabel,{control:t.jsx(Je.Checkbox,{checked:(()=>{const ie=de.filter(Me=>{var ae,Se,Ye;if((y==null?void 0:y.trim())==="")return!0;const Ee=y==null?void 0:y.toLowerCase();return((ae=oe==null?void 0:oe.toLowerCase())==null?void 0:ae.includes(Ee))?!0:(Ye=(Se=Me==null?void 0:Me.name)==null?void 0:Se.toLowerCase())==null?void 0:Ye.includes(Ee)});return(ie==null?void 0:ie.length)>0&&(ie==null?void 0:ie.every(Me=>$==null?void 0:$.includes(Me.id)))})(),onChange:ie=>{z.current=!0;const Ee=de.filter(Ne=>{if(y.trim()==="")return!0;const ae=y.toLowerCase();return oe.toLowerCase().includes(ae)?!0:Ne.name.toLowerCase().includes(ae)}).map(Ne=>Ne.id);if(ie.target.checked){const Ne=Ee.filter(Se=>!$.includes(Se)),ae=[...$,...Ne];if(R(ae),o&&o(ae),l){const Se=ue(ae);l(Se)}}else{const Ne=$.filter(ae=>!Ee.includes(ae));if(R(Ne),o&&o(Ne),l){const ae=ue(Ne);l(ae)}}},sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),label:(()=>{if(r&&typeof e=="object"&&!Array.isArray(e)){const ie=e[oe];if(Array.isArray(ie)&&ie.length>0&&ie[0].groupLabel)return ie[0].groupLabel}return`Seleccionar ${oe}`})(),sx:{"& .MuiFormControlLabel-label":{fontSize:U,fontWeight:"400",lineHeight:"22px",whiteSpace:v?"nowrap":"normal",overflow:"hidden",textOverflow:v?"ellipsis":"clip"}}})})]}),de.filter(ie=>{if(y.trim()==="")return!0;const Me=y.toLowerCase();return oe.toLowerCase().includes(Me)?!0:ie.name.toLowerCase().includes(Me)}).map(ie=>t.jsx("div",{className:"item",style:{backgroundColor:$.includes(ie.id)?"#f4f4f4":"transparent"},children:t.jsx(Je.FormControlLabel,{control:t.jsx(Je.Checkbox,{checked:$.includes(ie.id),onChange:()=>fe(ie.id),sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),label:ie.name,sx:{"& .MuiFormControlLabel-label":{fontSize:U,fontWeight:"400",lineHeight:"22px",whiteSpace:v?"nowrap":"normal",overflow:"hidden",textOverflow:v?"ellipsis":"clip"}}})},ie.id))]},oe))})(),Re&&t.jsx("li",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:U,cursor:"default",overflowWrap:"break-word"},children:"No hay opciones disponibles"})]}),i&&t.jsx("div",{className:"containerButtonSelectAll",children:t.jsx(Ue,{buttonProperties:{disabled:!1,onClick:()=>Be()},children:d})})]})]})};Vr.propTypes={data:n.array,grouped:n.bool,divideColumns:n.bool,selectButton:n.bool,onChange:n.func,onChangeFunction:n.func,label:n.string,width:n.string,textButton:n.string,maxHeight:n.string,keyReset:n.number,left:n.bool,minWidthDropdown:n.string,disabled:n.bool,textOverflow:n.bool,widthDropdown:n.string,error:n.bool,fontSizeLabelText:n.string,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,subLabelText:n.string,labelText:n.string,language:n.string,textSelectAll:n.string,placeholderSearch:n.string,isRelative:n.bool,selectedValues:n.array,fontSizeLabel:n.string,fontSizeOptions:n.string};const E0=e=>t.jsx(Qe,{color:"grey",...e}),N0=_e(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),D0=_e(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),A0=_e(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function O0(e){return rt("MuiCheckbox",e)}const Zr=ct("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),I0=e=>{const{classes:r,indeterminate:s,color:i,size:o}=e,l={root:["root",s&&"indeterminate",`color${Oe(i)}`,`size${Oe(o)}`]},a=gt(l,O0,r);return{...r,...a}},R0=Fe($r,{shouldForwardProp:e=>Zt(e)||e==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.root,s.indeterminate&&r.indeterminate,r[`size${Oe(s.size)}`],s.color!=="default"&&r[`color${Oe(s.color)}`]]}})(xt(({theme:e})=>({color:(e.vars||e).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:Lt(e.palette.action.active,e.palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter(Gt()).map(([r])=>({props:{color:r,disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[r].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:Lt(e.palette[r].main,e.palette.action.hoverOpacity)}}})),...Object.entries(e.palette).filter(Gt()).map(([r])=>({props:{color:r},style:{[`&.${Zr.checked}, &.${Zr.indeterminate}`]:{color:(e.vars||e).palette[r].main},[`&.${Zr.disabled}`]:{color:(e.vars||e).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),P0=t.jsx(D0,{}),W0=t.jsx(N0,{}),$0=t.jsx(A0,{}),ho=re.forwardRef(function(r,s){const i=vt({props:r,name:"MuiCheckbox"}),{checkedIcon:o=P0,color:l="primary",icon:a=W0,indeterminate:c=!1,indeterminateIcon:d=$0,inputProps:u,size:g="medium",disableRipple:p=!1,className:m,slots:x={},slotProps:v={},...h}=i,j=c?d:a,M=c?d:o,D={...i,disableRipple:p,color:l,indeterminate:c,size:g},S=I0(D),k=v.input??u,[w,O]=qt("root",{ref:s,elementType:R0,className:We(S.root,m),shouldForwardComponentProp:!0,externalForwardedProps:{slots:x,slotProps:v,...h},ownerState:D,additionalProps:{type:"checkbox",icon:re.cloneElement(j,{fontSize:j.props.fontSize??g}),checkedIcon:re.cloneElement(M,{fontSize:M.props.fontSize??g}),disableRipple:p,slots:x,slotProps:{input:u1(typeof k=="function"?k(D):k,{"data-indeterminate":c})}}});return t.jsx(w,{...O,classes:S})});process.env.NODE_ENV!=="production"&&(ho.propTypes={checked:n.bool,checkedIcon:n.node,classes:n.object,className:n.string,color:n.oneOfType([n.oneOf(["default","primary","secondary","error","info","success","warning"]),n.string]),defaultChecked:n.bool,disabled:n.bool,disableRipple:n.bool,icon:n.node,id:n.string,indeterminate:n.bool,indeterminateIcon:n.node,inputProps:n.object,onChange:n.func,required:n.bool,size:n.oneOfType([n.oneOf(["medium","small"]),n.string]),slotProps:n.shape({input:n.oneOfType([n.func,n.object]),root:n.oneOfType([n.func,n.object])}),slots:n.shape({input:n.elementType,root:n.elementType}),sx:n.oneOfType([n.arrayOf(n.oneOfType([n.func,n.object,n.bool])),n.func,n.object]),value:n.any});const uo=e=>{const[r,s]=C.useState(!1),[i,o]=C.useState([]),l=C.useRef(null),{options:a,onchange:c,label:d,size:u,error:g,keyReset:p,fontSizeOptions:m="0.9vw",disabled:x,maxHeightOptions:v,labelText:h,subLabelText:j,gap:M="0",fontSizeLabel:D="0.9vw",onChangeFunction:S,id:k,fontSizeLabelText:w,fontSizeTooltip:O,heightTooltip:H,leftTooltip:G,tooltip:V,topTooltip:f,widthTooltip:L,isTooltipVisible:F,placeholderInputSearch:Z="Buscar...",sortAlphabetically:Q=!0,value:K}=e,[te,U]=C.useState(a);C.useEffect(()=>{const A=Q?[...a].sort((z,B)=>{var W;return(W=z.label)==null?void 0:W.localeCompare(B.label)}):[...a];U(A)},[a,Q]);const $=A=>{console.log({value:A}),o(z=>z.some(B=>pt.isEqual(B,A))?(c&&c(z.filter(B=>!pt.isEqual(B,A))),S&&S({id:k,value:z.filter(B=>!pt.isEqual(B,A))}),z.filter(B=>!pt.isEqual(B,A))):(c&&c([...z,A]),S&&S({id:k,value:[...z,A]}),[...z,A]))},R=()=>i.length===0?d:i.map(A=>{const z=a.find(B=>pt.isEqual(B.value,A));return z?z.label:""}).filter(Boolean).join(", ");C.useEffect(()=>{o([])},[p]),C.useEffect(()=>{K!=null&&(Array.isArray(K)?o(K):o([]))},[K]);const y=A=>{l.current&&!l.current.contains(A.target)&&s(!1)};C.useEffect(()=>(document.addEventListener("mousedown",y),()=>{document.removeEventListener("mousedown",y)}),[]),C.useEffect(()=>{if(!r){const A=Q?[...a].sort((z,B)=>{var W;return(W=z.label)==null?void 0:W.localeCompare(B.label)}):[...a];U(A),P("")}},[r,a,Q]);const[E,P]=C.useState(""),N=A=>{const z=A.target.value;P(z);const B=a.filter(I=>I.label.toLowerCase().includes(z.toLowerCase())),W=Q?B.sort((I,J)=>{var X;return(X=I.label)==null?void 0:X.localeCompare(J.label)}):B;U(W)};return t.jsxs("div",{ref:l,className:"relative",style:{width:u},children:[t.jsx(Qe,{label:R(),onchange:()=>{},options:[],size:u,isOpen:r,setIsOpen:s,disabledClickOutside:!0,disabled:x,error:g,labelText:h,gap:M,subLabelText:j,fontSizeLabel:D,fontSizeLabelText:w,fontSizeTooltip:O,heightTooltip:H,leftTooltip:G,tooltip:V,topTooltip:f,widthTooltip:L,isTooltipVisible:F,withoutOptions:!0}),r&&t.jsxs("ul",{className:"multiselect-options",style:{maxHeight:v},children:[a.length>=Fr&&t.jsx("div",{style:{padding:"4px 8px",fontSize:"1vw",backgroundColor:"#dde3f1",borderBottom:"1px solid #707070"},children:t.jsx(Xt,{inputProperties:{placeholder:Z,size:{width:"100%",height:"28px"},type:"text",onChange:A=>N(A),fontStyle:"italic"}})}),te.length===0&&E.trim()!==""?t.jsxs("li",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:m,cursor:"default",overflowWrap:"break-word"},children:['No se encontraron resultados para "',E,'"']}):te.map(A=>t.jsxs("li",{onClick:()=>$(A.value),className:i.some(z=>pt.isEqual(z,A.value))?"selected":"",style:{fontSize:m},children:[t.jsx(ho,{checked:i.some(z=>pt.isEqual(z,A.value)),onChange:z=>{z.stopPropagation(),$(A.value)},onClick:()=>$(A.value),sx:{color:"#CCD2DD","&.Mui-checked":{color:"#33a1dd"}},size:"small"}),A.label]},A.value.title||A.value)),a.length===0&&t.jsx("li",{style:{padding:"15px",textAlign:"center",color:"#8598ad",fontSize:m,cursor:"default",overflowWrap:"break-word"},children:"No hay opciones disponibles"})]})]})};uo.propTypes={options:n.array,onchange:n.func,label:n.string,size:n.string,error:n.bool,keyReset:n.number,fontSizeOptions:n.string,disabled:n.bool,maxHeightOptions:n.string,labelText:n.string,subLabelText:n.any,gap:n.string,onChangeFunction:n.func,id:n.string,fontSizeLabel:n.string,fontSizeLabelText:n.string,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,placeholderInputSearch:n.string,inputProperties:n.object,sortAlphabetically:n.bool,value:n.array};const fo=e=>t.jsx(Qe,{...e,inputRadio:!0});fo.propTypes={size:n.string,options:n.array,label:n.string,onchange:n.func,error:n.bool};const po=({width:e,fontSize:r,onchange:s})=>{const[i,o]=C.useState(!1),[l,a]=C.useState(""),c=C.useRef(null),d=x=>{x.preventDefault(),o(!0)},u=x=>{x.preventDefault(),o(!1)},g=x=>{if(x.preventDefault(),o(!1),x.dataTransfer.files&&x.dataTransfer.files.length>0){const v=x.dataTransfer.files[0];s(v),a(v.name)}},p=x=>{if(x.target.files&&x.target.files.length>0){const v=x.target.files[0];s(v),a(v.name)}},m=()=>{var x;(x=c.current)==null||x.click()};return t.jsxs("div",{className:`drag-drop-upload ${i?"dragging":""}`,onDragOver:d,onDragLeave:u,onDrop:g,onClick:m,style:{width:e},children:[t.jsx(Sn,{}),l?t.jsx("p",{className:"upload-text file-name",style:{fontSize:r},children:l}):t.jsxs("p",{className:"upload-text",style:{fontSize:r},children:[t.jsx("span",{children:"Seleccione archivo"})," o arrastre hasta aquí (word, excel, png, jpg o pdf)"]}),t.jsx("input",{type:"file",ref:c,onChange:p,style:{display:"none"},accept:".pdf,.doc,.docx,.xlsx,.png,.jpg,.jpeg"})]})};po.propTypes={width:n.string,fontSize:n.string,onchange:n.func};const go=e=>{const{inputProperties:r,size:s,height:i="200px"}=e,[o,l]=C.useState(0),a=c=>{l(c.target.value.length),r.onChange&&r.onChange(c)};return t.jsxs(C1,{style:{width:s,height:i},children:[t.jsx("textarea",{...r,maxLength:220,onChange:a}),t.jsxs("p",{children:[o,"/220"]})]})};go.propTypes={inputProperties:n.object,size:n.string,height:n.string,handleChange:n.func};const mo=e=>{var s,i,o;const{inputProperties:r}=e;return t.jsxs(v1,{style:{...r==null?void 0:r.size},isSuccessful:(s=r==null?void 0:r.state)==null?void 0:s.success,children:[t.jsx(b1,{...r}),((i=r==null?void 0:r.state)==null?void 0:i.error)&&t.jsx("div",{style:{height:"20px"},children:t.jsx(xi,{children:"*"})}),((o=r==null?void 0:r.state)==null?void 0:o.success)&&t.jsx("div",{style:{height:"20px"},children:t.jsx(xi,{style:{color:"#009470",fontSize:"15px"},children:"✔"})})]})};mo.propTypes={inputProperties:n.object};const yo=({label:e,onchange:r,textSelect:s,width:i,labelText:o,subLabelText:l,fontSize:a})=>{const[c,d]=C.useState("00"),[u,g]=C.useState("00"),[p,m]=C.useState(!1),[x,v]=C.useState(e??"Hora Inicio"),h=C.useRef(),j=C.useRef(),M=Array.from({length:24},(O,H)=>H.toString().padStart(2,"0")),D=Array.from({length:60},(O,H)=>H.toString().padStart(2,"0"));C.useEffect(()=>{const O=H=>{j.current&&!j.current.contains(H.target)&&m(!1)};return document.addEventListener("mousedown",O),()=>{document.removeEventListener("mousedown",O)}},[]);const S=()=>{m(!1);const O=`${c}:${u}`;v(O),r(O)},k=O=>{let H=O.target.value.replace(/\D/g,"");H.length>4&&(H=H.slice(0,4));let G=H;if(H.length>=3&&(G=`${H.slice(0,2)}:${H.slice(2)}`),v(G),G.length===5){const[V,f]=G.split(":");parseInt(V,10)>=0&&parseInt(V,10)<24&&parseInt(f,10)>=0&&parseInt(f,10)<60?(d(V),g(f),r(G)):v(`${c}:${u}`)}},w=()=>{m(!p),h.current.focus()};return t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:{display:"flex",gap:"5px"},children:[o&&t.jsx("label",{className:"label-library",children:o}),l&&t.jsx("label",{className:"sub-label",children:l})]}),t.jsxs("div",{className:"time-picker-container",ref:j,style:{width:i},children:[t.jsxs("div",{className:"time-picker-input-wrapper",children:[t.jsx("input",{type:"text",ref:h,value:x,onChange:k,placeholder:"00:00",className:"time-picker-input",maxLength:5,style:{fontSize:a}}),t.jsx("button",{className:"time-picker-button",onClick:w,"aria-label":"Abrir selector de tiempo",children:t.jsx(ki,{})})]}),p&&t.jsxs("div",{className:"time-picker-dropdown",children:[t.jsxs("div",{className:"time-columns",children:[t.jsx("div",{className:"time-column",children:M.map(O=>t.jsx("div",{className:`time-option ${c===O?"selected":""}`,onClick:()=>d(O),children:O},O))}),t.jsx("div",{className:"time-column",children:D.map(O=>t.jsx("div",{className:`time-option ${u===O?"selected":""}`,onClick:()=>g(O),children:O},O))})]}),t.jsx("button",{className:"ok-button",onClick:S,children:s??"Seleccionar"})]})]})]})};yo.propTypes={label:n.string,onchange:n.func,textSelect:n.string,width:n.string,labelText:n.string,subLabelText:n.any,fontSize:n.string};const xo=e=>{var H;const[r,s]=C.useState(!1),{label:i,inputProperties:o,error:l,fontSizeLabel:a,subLabel:c,fontSizeInput:d,disabled:u,fontSizeTooltip:g,heightTooltip:p,leftTooltip:m,tooltip:x,topTooltip:v,widthTooltip:h,isTooltipVisible:j,keyReset:M}=e,D=G=>{o.handleChange&&o.handleChange(G)},S={...o};if(S.style&&S.style.width){const{width:G,...V}=S.style;S.style=V}const k=o==null?void 0:o.value,[w,O]=C.useState(k??"");return C.useEffect(()=>{k!==void 0&&O(k)},[k]),C.useEffect(()=>{M&&O("")},[M]),t.jsxs("div",{style:{width:(H=o==null?void 0:o.style)==null?void 0:H.width},children:[i&&t.jsx(Yt,{fontSizeTitle:a,fontSizeTooltip:g,heightTooltip:p,left:m,subTitle:c,title:i,tooltip:x,top:v,widthTooltip:h,isTooltipVisibleProp:j,marginBottom:"5px",htmlFor:(o==null?void 0:o.id)||"text-input"}),t.jsx(ar,{isfocused:r,haserror:l,style:{width:"100%"},children:t.jsx(cr,{id:o==null?void 0:o.id,onFocus:()=>s(!0),onBlur:()=>s(!1),onChange:D,fontSizeInput:d,...k!==void 0?{value:w}:{},disabled:u,style:{width:"90%"},...S})}),l&&t.jsx(yi,{children:l})]})};xo.propTypes={label:n.string,inputProperties:n.object,error:n.bool,fontSizeLabel:n.string,subLabel:n.string,fontSizeInput:n.string,value:n.string,disabled:n.bool,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,keyReset:n.bool};const vo=e=>t.jsx("button",{className:"button-search",...e,children:t.jsx(y1,{})}),bo=e=>{const[r,s]=C.useState(!1),[i,o]=C.useState(""),{label:l,inputProperties:a,error:c,fontSizeLabel:d,borderRadiusRight:u="4px",borderRadiusLeft:g="4px"}=e,p=x=>{o(x.target.value),a.handleChange(x)},m=x=>{x.preventDefault();const v={target:{value:i,id:a.id||"text-input"},preventDefault:()=>{}};a.handleChange(v)};return t.jsxs("form",{style:{...a==null?void 0:a.size},onSubmit:m,children:[l&&t.jsx(x1,{htmlFor:a.id||"text-input",style:{fontSize:d},children:l}),t.jsxs(ar,{isfocused:r,haserror:c,disabled:a.disabled,style:{width:"100%",position:"relative",borderTopRightRadius:u,borderBottomRightRadius:u,borderTopLeftRadius:g,borderBottomLeftRadius:g},children:[t.jsx(cr,{onFocus:()=>s(!0),onBlur:()=>s(!1),onChange:p,value:i,...a}),t.jsx("div",{style:{display:"flex",alignItems:"center",position:"absolute",right:"0px",height:"100%"},children:t.jsx(vo,{disabled:a.disabled})})]}),c&&t.jsx(yi,{children:c})]})};bo.propTypes={label:n.string,inputProperties:n.object,error:n.bool,fontSizeLabel:n.string,borderRadiusRight:n.string,borderRadiusLeft:n.string};const _0=()=>{const[e,r]=C.useState(15),s=()=>{r(l=>l+1)},i=()=>{r(l=>l-1)},o=l=>{const a=parseInt(l.target.value);isNaN(a)||r(a)};return t.jsxs("div",{className:"number-spinner",children:[t.jsx("input",{type:"number",value:e,onChange:o,className:"number-input"}),t.jsxs("div",{className:"spinner-buttons",children:[t.jsx("button",{onClick:s,className:"spinner-button up",children:"▲"}),t.jsx("button",{onClick:i,className:"spinner-button down",children:"▼"})]})]})},jo=({options:e,value:r,onChange:s,width:i,disabled:o,height:l,widthIcon:a,heightIcon:c,keyReset:d})=>{const u=({value:p})=>{s(p)},g=p=>p.map(m=>({label:m.toString(),value:m}));return t.jsx(Qe,{label:r,onchange:u,options:g(e),Icon:$i,size:i,disabled:o,paddingDropdownHeader:"0 0.5vw",height:l,widthIcon:a,heightIcon:c,keyReset:d,sortAlphabetically:!1})};jo.propTypes={options:n.array,value:n.any,onChange:n.func,disabled:n.bool,width:n.string,height:n.string,widthIcon:n.string,heightIcon:n.string,keyReset:n.number};const wo=e=>{const{data:r,onChange:s,label:i,size:o,error:l,keyReset:a,fontSizeOptions:c="0.9vw",fontSizeTitleOptions:d="1vw",fontSizeLabel:u,disabled:g,maxHeightOptions:p,value:m,hasDivisions:x,fontSizeLabelText:v,fontSizeTooltip:h,heightTooltip:j,leftTooltip:M,tooltip:D,topTooltip:S,widthTooltip:k,isTooltipVisible:w,labelText:O,subLabelText:H}=e,[G,V]=C.useState(!1),f=C.useRef(null),[L,F]=C.useState(m||""),Z=K=>{F(K),V(!1),s&&s(K)};C.useEffect(()=>{F("")},[a]);const Q=K=>{f.current&&!f.current.contains(K.target)&&V(!1)};return C.useEffect(()=>(document.addEventListener("mousedown",Q),()=>{document.removeEventListener("mousedown",Q)}),[]),t.jsxs("div",{ref:f,className:"relative",style:{width:o},children:[t.jsx(Qe,{label:L.label||i,onchange:()=>{},options:[],size:o,isOpen:G,setIsOpen:V,disabledClickOutside:!0,disabled:g,error:l,fontSizeLabel:u,fontSizeLabelText:v,fontSizeTooltip:h,heightTooltip:j,leftTooltip:M,tooltip:D,topTooltip:S,widthTooltip:k,isTooltipVisible:w,labelText:O,subLabelText:H}),G&&t.jsx("ul",{className:"item-filter",style:{width:"100%",maxHeight:p},children:r.map(K=>t.jsxs("div",{className:`item-group ${x?"border-bottom-select":""}`,style:{marginTop:"15px"},children:[t.jsx("h3",{style:{fontSize:d,fontWeight:"700"},children:K.title}),K.options.map(te=>t.jsx("div",{onClick:()=>Z(te),className:"item",style:{padding:"15px 20px",width:"100%",fontSize:c,cursor:"pointer",fontWeight:"400"},children:te.label},te.label))]},K.title))})]})};wo.propTypes={data:n.array,onChange:n.func,label:n.string,size:n.string,error:n.bool,keyReset:n.number,fontSizeLabel:n.string,fontSizeOptions:n.string,disabled:n.bool,maxHeightOptions:n.string,value:n.string,fontSizeTitleOptions:n.string,hasDivisions:n.bool,fontSizeLabelText:n.string,fontSizeTooltip:n.string,heightTooltip:n.string,leftTooltip:n.string,tooltip:n.string,topTooltip:n.string,widthTooltip:n.string,isTooltipVisible:n.bool,labelText:n.string,subLabelText:n.string};const ko=({onChange:e,text:r,subText:s,fontSize:i,fileTypes:o,id:l,ref:a=null,multiple:c=!1})=>{const d=a||C.useRef(null),[u,g]=C.useState(!1),p=j=>{j.preventDefault(),g(!0)},m=j=>{j.preventDefault(),g(!1)},x=j=>{j.preventDefault(),g(!1),j.dataTransfer.files&&j.dataTransfer.files[0]&&e({file:j.dataTransfer.files[0],id:l})},v=()=>{d.current.click()},h=j=>{j.target.files&&j.target.files[0]&&e({file:j.target.files[0],id:l}),j.target.value=""};return t.jsxs("div",{className:`file-upload ${u?"dragging":""}`,onDragOver:p,onDragLeave:m,onDrop:x,onClick:v,style:{backgroundColor:"white"},children:[t.jsx("input",{ref:d,type:"file",className:"file-input",accept:o,onChange:h,multiple:c}),t.jsxs("div",{className:"flex align-center",style:{gap:"0.8vw"},children:[t.jsx(Sn,{fill:"#8598AD"}),t.jsxs("div",{className:"flex gap-05",style:{borderBottom:"1px solid #8598AD"},children:[t.jsx("p",{className:"upload-text",style:{fontSize:i,borderBottom:"0px",paddingRight:"4px"},children:r}),t.jsx("p",{className:"sub-text",style:{fontSize:i,borderBottom:"0px"},children:s})]})]})]})};ko.propTypes={onChange:n.func,text:n.string,subText:n.string,fontSize:n.string,fileTypes:n.string,id:n.string,multiple:n.bool};const Co=({handleReset:e,disabled:r})=>t.jsx("button",{className:`button-reset ${r?"disabled":""}`,onClick:()=>e(),disabled:r,children:t.jsx(Cn,{})});Co.propTypes={handleReset:n.func,disabled:n.bool};const So=({width:e})=>t.jsxs(z0,{style:{backgroundColor:"#f5f6fa",width:e},children:[t.jsx(Hr,{children:t.jsx(ur,{width:"100%",height:"30px"})}),t.jsx(Hr,{children:t.jsx(hr,{width:"100%",height:"30px"})}),t.jsx(Hr,{children:t.jsx(dr,{width:"60%",height:"30px"})})]});So.propTypes={width:n.string};const B0={colors:{backgroundPrimary:"#f5f6fa",backgroundSecondary:"#ffffff",backgroundThird:"#DDE3F1",contrastPrimary:"#0b14a7",contrastSecondary:"#33A4DD",contrastBackground:"#d4eaf5",dangerPrimary:"#FF3F3F",textSecondary:"#97A7B9",secondaryColor:"#0047AB",circularComponentContrast:"#797979",bottonSecondary:"#d3ecf8",bottonSuccess:"#119672",circularComponentBackground:"#d3ecf8",circularComponentCheckBackground:"#c4ebe0",circularComponentBackgroundDisabled:"#797979",buttonBlueBackground:"#21459c"},size:{xs:"0.8vw",s:"1vw",m:"1.3vw",l:"1.5vw",xl:"2vw"},gap:{xs:"0.5vw",s:"1vw",m:"1.5vw",l:"2vw",xl:"2.5vw"},typography:{body1:{fontSize:"1rem"}}},Jt=e=>{const r=e==null?void 0:e.IconProp;return t.jsx(me.ThemeProvider,{theme:B0,children:t.jsxs(T0,{...e.buttonProperties,children:[r&&t.jsx(r,{style:{width:"30px",height:"30px"}}),e.children]})})};Jt.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func}),children:n.node||n.string,IconProp:n.any};const To=e=>{const r={...e,buttonProperties:{backgroundcolor:"#119672",...e.buttonProperties,style:{color:"white",...e.buttonProperties.style}}};return t.jsx(Ue,{...r,children:e.children})};To.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const Mo=({onClick:e,width:r,fontSize:s,disabled:i,children:o="DESCARGAR",icon:l,diseableOption:a})=>{const[c,d]=C.useState(!1),u=C.useRef(null);C.useEffect(()=>{const p=m=>{u.current&&!u.current.contains(m.target)&&d(!1)};return document.addEventListener("mousedown",p),()=>{document.removeEventListener("mousedown",p)}},[]);const g=p=>{e(p),d(!1)};return t.jsxs("div",{className:`download-button-container ${i?"disabled":""}`,ref:u,style:{width:r},children:[t.jsx("button",{className:"download-button",onClick:()=>!i&&d(!c),children:t.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"0.2vw",fontSize:s},children:[l,o]})}),t.jsx("div",{className:`arrowContainer ${i?"disabled":""}`,onClick:()=>!i&&d(!c),children:t.jsx("i",{className:`arrow-white ${c?"up":"down"}`})}),c&&t.jsxs("div",{className:"dropdown-menu",style:{width:r},children:[!(a!=null&&a.csv)&&t.jsx("button",{onClick:()=>g("csv"),children:"CSV"}),!(a!=null&&a.xlsx)&&t.jsx("button",{onClick:()=>g("xlsx"),children:"XLSX"})]})]})};Mo.propTypes={onClick:n.func,width:n.string,fontSize:n.string,disabled:n.bool,children:n.string,icon:n.element,diseableOption:n.object};const zo=({onclick:e,height:r})=>t.jsx("button",{onClick:e,className:"button-plus",style:{height:r},children:t.jsx(Ei,{})});zo.propTypes={onclick:n.func,height:n.string};const Eo=({onclick:e,height:r})=>t.jsx("button",{onClick:e,className:"button-plus",style:{height:r},children:t.jsx(Ni,{})});Eo.propTypes={onclick:n.func,height:n.string};const L0=_e(t.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6m0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20"}),"AccountCircle"),No=e=>{const s={IconProp:L0,...e,buttonProperties:{backgroundcolor:"#dde3f1",color:"#21459c",border:"1px solid #21459c",...e.buttonProperties,style:{...e.buttonProperties.style}}};return t.jsx(Jt,{...s,children:e.children})};No.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const Do=e=>{const s={...e,IconProp:kn};return t.jsx(Jt,{...s})};Do.propTypes={buttonProperties:n.shape({disabled:n.bool}),children:n.node||n.string,IconProp:n.node};const Ur=e=>t.jsx(M0,{...e.buttonProperties,children:e.children});Ur.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func}),children:n.node||n.string};const Nt=e=>{const r={...e,buttonProperties:{backgroundcolor:"white",border:"1px solid #33a4dd",color:"#33a4dd",...e.buttonProperties,style:{...e.buttonProperties.style}}};return t.jsx(Ue,{...r})};Nt.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const F0=_e(t.jsx("path",{d:"M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 10V8h-2v4H8l4 4 4-4z"}),"ArrowCircleDown"),Ao=e=>{const s={...e,IconProp:F0};return t.jsx(Jt,{...s})};Ao.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func}),children:n.node||n.string,IconProp:n.node};const Oo=e=>{const{children:r,onChange:s,disabled:i,width:o,fontSize:l,id:a}=e,c={width:o||"auto",display:"inline-flex",alignItems:"center",justifyContent:"space-between",padding:"10px 20px",backgroundColor:i?"#7e8080":"#33a4dd",color:"white",borderRadius:"4px",border:"none",cursor:i?"not-allowed":"pointer",fontSize:l||"14px",transition:"background-color 0.3s",fontFamily:"'Roboto', sans-serif"},d={marginLeft:"10px",width:"20px",height:"20px"},u=g=>{const p=g.target.files[0];s(p)};return t.jsxs("div",{children:[t.jsx("input",{type:"file",id:a,accept:"image/*",disabled:i,style:{display:"none"},onChange:g=>u(g)}),t.jsxs("label",{htmlFor:a,style:c,children:[r,t.jsx(kn,{style:d})]})]})};Oo.propTypes={children:n.node||n.string,onChange:n.func,disabled:n.bool,width:n.string,fontSize:n.string,id:n.string};const Dn=({buttonProperties:e={},...r})=>{const s={backgroundcolor:"transparent",border:"1px solid #fcb035",color:"black",...e,style:{...e.style}};return t.jsx(Ue,{...r,buttonProperties:s,children:r.children})};Dn.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const H0=_e(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-3 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1"}),"AddBoxRounded"),Io=({marginBottom:e,onClick:r})=>t.jsx(H0,{sx:{color:"#8598ad",width:20,height:20,marginBottom:e,cursor:"pointer"},onClick:r});Io.propTypes={marginBottom:n.string,onClick:n.func};const Ro=e=>{const r={...e,buttonProperties:{backgroundcolor:"#dde3f1",color:"#21459c",...e.buttonProperties,style:{...e.buttonProperties.style}}};return t.jsx(Ur,{...r})};Ro.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,style:n.object}),children:n.node||n.string};const Yr=({children:e,buttonProperties:r,widthIcon:s="70%",icon:i=t.jsx(xr,{width:s})})=>t.jsxs(Nt,{buttonProperties:r,children:[i,e]});Yr.propTypes={children:n.string,icon:n.node,buttonProperties:n.object,widthIcon:n.string};const Po=({onChange:e,isOpen:r})=>{const[s,i]=C.useState(r),o=()=>{i(!s),e&&e(s)};return t.jsx("button",{className:"reset-styles-button",onClick:o,children:s?t.jsx(br,{}):t.jsx(vr,{})})};Po.propTypes={onChange:n.func,isOpen:n.bool};const qr=({onChange:e,isOpen:r,color:s,hasHover:i,padding:o,display:l,height:a,width:c})=>t.jsx("button",{type:"button",onClick:()=>e(!r),className:`reset-styles-button arrow-button ${i?"hoverclass":""}`,style:{height:a,width:c,transition:"transform 0.3s ease",display:l},children:t.jsx("i",{className:`arrow-blue-container ${r?"up":"down"}`,style:{borderColor:s,padding:o}})});qr.propTypes={onChange:n.func,isOpen:n.bool,color:n.string,hasHover:n.bool,padding:n.string,display:n.string,height:n.string,width:n.string};const Wo=({className:e,text:r,onClick:s})=>t.jsxs("button",{className:`button-clean-filters ${e} `,onClick:s,children:[t.jsx(kr,{})," ",t.jsx("span",{children:r})]});Wo.propTypes={className:n.string,text:n.string,onClick:n.func};const $o=({textOpen:e,textClose:r,isOpen:s,onChange:i,className:o})=>{const[l,a]=C.useState(s);C.useEffect(()=>{a(s)},[s]);const c=()=>{const d=!l;a(d),i&&i(d)};return t.jsxs("button",{className:`button-vibrant-blue ${o}`,onClick:c,children:[t.jsx("span",{className:"button-eye-text",children:l?r:e}),l?t.jsx(br,{}):t.jsx(vr,{})]})};$o.propTypes={textOpen:n.string,textClose:n.string,isOpen:n.bool,onChange:n.func,className:n.string};const _o=({children:e,widthIcon:r="10%",width:s,icon:i=t.jsx(Zi,{width:r}),arrowRightIcon:o=t.jsx(Mr,{width:r}),hasOptions:l=!1,onClick:a,onOptionSelect:c,options:d,className:u,...g})=>{const[p,m]=C.useState(!1),x=C.useRef(null),v=h=>{m(!1),c==null||c(h)};return C.useEffect(()=>{const h=j=>{x.current&&!x.current.contains(j.target)&&m(!1)};return p&&document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[p]),t.jsxs("button",{ref:x,className:`button-white-border-blue-send-email ${u}`,...g,style:{width:s},onClick:()=>{l&&m(!p),a==null||a()},children:[i,e,l?t.jsx("i",{className:`arrow-white ${p?"up":"down"}`}):o,p&&d&&t.jsx("ul",{className:"dropdown-options--button-white-border",style:{width:s},children:d.map(h=>t.jsx("li",{className:"dropdown-options--button-white-border-li",onClick:()=>v(h),children:h.value},h.id))})]})};_o.propTypes={children:n.string,icon:n.node,widthIcon:n.string,arrowRightIcon:n.node,hasOptions:n.bool,onClick:n.func,onOptionSelect:n.func,options:n.arrayOf(n.object),width:n.string,className:n.string};const Bo=e=>{const{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,style:a}=e.buttonProperties,{IconLeft:c=t.jsx(Ui,{}),IconRight:d=t.jsx(Mr,{})}=e;return t.jsxs(co,{disabled:r,onClick:s,backgroundcolor:i,border:o,color:l,className:"VibrantBlueStyle ButtonVibrantBlueSend",style:{...a,display:"flex",alignItems:"center",gap:"15px",justifyContent:"center"},children:[c,e.children,d]})};Bo.propTypes={buttonProperties:n.shape({disabled:n.bool,onClick:n.func,backgroundcolor:n.string,border:n.string,color:n.string,style:n.object}),children:n.node||n.string,IconLeft:n.any,IconRight:n.any};const Gr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-active",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(Mn,{}),"Activo"]});Gr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Kr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-inactive",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(Mi,{}),"Inactivo"]});Kr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Xr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-canceled",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(Di,{}),"Cancelada"]});Xr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Jr=({width:e,fontSize:r,icon:s,marginAuto:i,height:o})=>{const[l,a]=C.useState(!1);return t.jsxs("div",{className:"state-basic states-completed",style:{width:e,fontSize:r,margin:i?"auto":"",height:o},onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[t.jsx(Ti,{}),"Finalizada",s&&t.jsx("div",{className:"state-icon-inTransit",children:t.jsx(En,{height:27,background:"#d8f6c4",fillIcon:"#ff0000"})}),s&&l&&t.jsx("div",{className:"absolute hoverStates",children:"Devoluciones"})]})};Jr.propTypes={width:n.string,fontSize:n.string,icon:n.bool,marginAuto:n.bool,height:n.string};const Qr=({width:e,fontSize:r,marginAuto:s,height:i})=>t.jsxs("div",{className:"state-basic states-inTransit",style:{width:e,fontSize:r,margin:s?"auto":"",height:i},children:[t.jsx(zi,{}),"En tránsito",t.jsx("div",{className:"state-icon-inTransit",children:t.jsx(En,{height:i})})]});Qr.propTypes={width:n.string,fontSize:n.string,marginAuto:n.bool,height:n.string};const Lo=({children:e,className:r="",classNameIcon:s="",fill:i="#54AC1B",...o})=>t.jsxs("div",{className:`state-basic ${r}`.trim(),...o,children:[t.jsx(Mn,{className:s,fill:i}),e]});Lo.propTypes={children:n.node,className:n.string,classNameIcon:n.string,fill:n.string};const ft=_e(t.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"}),"Cancel"),Fo=({width:e,fontSize:r,children:s,onDelete:i,background:o,fontWeight:l,id:a,className:c})=>t.jsxs("div",{className:`chip ${c}`,style:{width:e,fontSize:r,background:o,fontWeight:l},children:[s,t.jsx("button",{className:"reset-styles-button",onClick:()=>i({children:s,id:a}),children:t.jsx(ft,{sx:{color:"#8598ad",height:"16px"}})})]});Fo.propTypes={width:n.string,fontSize:n.string,children:n.any,onDelete:n.func,background:n.string,fontWeight:n.string,id:n.string,className:n.string};const es=({children:e,onChange:r,isSelect:s,height:i})=>t.jsx("div",{className:`toggle-chip ${s?"active":""}`,style:{height:i},onClick:()=>r({isSelect:!s,value:e}),children:e});es.propTypes={children:n.any,onChange:n.func,isSelect:n.bool,height:n.string};const Ho=({children:e,className:r=""})=>t.jsx("div",{className:`chip-section ${r}`,children:e});Ho.propTypes={children:n.node,className:n.string};const Vo=({text:e,icon:r,className:s,color:i,background:o,onDelete:l})=>t.jsxs("div",{className:`chip chip-with-icon ${s}`,style:{background:o},children:[r,t.jsx("span",{className:"chip-text",children:e}),l&&t.jsx("button",{className:"reset-styles-button",onClick:()=>l(e),children:t.jsx(ft,{sx:{color:i,height:"16px"}})}),!l&&t.jsx(ft,{sx:{color:i,height:"16px"}})]});Vo.propTypes={text:n.string,icon:n.element,className:n.string,color:n.string,background:n.string,onDelete:n.func};const V0=(e,r="en")=>{const s={en:"en-US",es:"es-ES"},i={day:"2-digit",month:"short",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1};return e.toLocaleDateString(r[s],i)},Zo=({date:e,language:r="es"})=>{const s=V0(e,r),i=r==="es"?"Última Actualización":"Last Update";return t.jsxs("div",{className:"last-update-container",children:[t.jsx("div",{className:"last-update-header",children:t.jsx("h2",{children:i})}),t.jsx("div",{className:"last-update-content",children:t.jsx("p",{children:s})})]})};Zo.propTypes={date:n.instanceOf(Date),language:n.string};const Uo=({title:e,sizeFile:r,onDelete:s,width:i,fontSize:o,typeFile:l="excel",widthIcon:a="30%",heightIcon:c="100%",gap:d="1.1vw"})=>t.jsxs("div",{className:"FilePreview container",style:{width:i,gap:d},children:[l==="excel"?t.jsx(gr,{width:a,height:c}):t.jsx(Ci,{width:a,height:c}),t.jsx("p",{style:{fontSize:o},children:e}),t.jsxs("span",{style:{fontSize:o},children:["(",r," K)"]}),t.jsx("button",{onClick:s,children:t.jsx(Si,{})})]});Uo.propTypes={title:n.string,sizeFile:n.string,onDelete:n.func,width:n.string,fontSize:n.string,typeFile:n.oneOf(["excel","pdf"]),widthIcon:n.string,heightIcon:n.string,gap:n.string};const Dt=({options:e,onClick:r,fontSize:s,width:i})=>{const[o,l]=C.useState(!1),a=C.useRef(null),c=d=>{r(d),l(!1)};return C.useEffect(()=>{const d=u=>{a.current&&!a.current.contains(u.target)&&l(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]),t.jsxs("div",{className:"menu-options__container",ref:a,children:[t.jsx("button",{className:`menu-button reset-styles-button ${o?"open":""}`,onClick:()=>l(!o),children:t.jsx("span",{className:"menu-icon",children:t.jsx(Oi,{})})}),o&&t.jsx("nav",{className:"menu-options",style:{width:i},children:e.map((d,u)=>t.jsx("div",{className:"menu-options__group",children:d.data.map((g,p)=>t.jsxs("button",{className:"menu-item",onClick:()=>c(g.text),children:[t.jsx("span",{className:"menu-icon",children:g.icon}),t.jsx("span",{className:"menu-text",style:{fontSize:s},children:g.text})]},p))},u))})]})};Dt.propTypes={options:n.arrayOf(n.shape({icon:n.element,text:n.string})),onClick:n.func,fontSize:n.string,width:n.string};const Yo=me.div`
   width: 500px;
   padding: 12.4px;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ixc-library-portal",
-  "version": "1.1.34",
+  "version": "1.1.35",
   "type": "module",
   "main": "dist/ixc-library.umd.js",
   "module": "dist/ixc-library.es.js",