https://www.apoyo-financiero.com/f5cd9f9d-ac2527392873d6f08f5d.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3695],{17333:function(e,t,a){var i=a(96540),s=a(44184),n=a(59503),r=a(13185),o=a(91479),l=a(19270),d=a.n(l),p=a(63812);const c={name:"1ylzmim",styles:"border:solid 0.5px #979797;& .sigCanvas{width:100%;height:129px;}"},h={name:"1gfs5ru",styles:"color:rgba(0, 0, 0, 0.26);font-size:1.5rem!important;margin-right:0.3rem"},x={name:"14yi1ky",styles:"background-color:#e4e2e2"},g={name:"pe6hda",styles:"width:100%;max-width:591px;margin:0 auto;padding:28px 30px 24px;background:rgba(250, 250, 248, 0.96);border-radius:24px;box-sizing:border-box;@media (max-width: 768px){padding:20px 18px 18px;border-radius:20px;}"},m={name:"1xb4wjp",styles:"margin:0;padding:0 32px;max-width:760px;font-family:'Jost','Helvetica',sans-serif;font-size:24px;line-height:28px;font-weight:600;letter-spacing:1px;color:#1e293b;text-align:center;margin-left:auto;margin-right:auto;white-space:normal;overflow-wrap:anywhere;@media (max-width: 768px){padding:0 56px;font-size:20px;line-height:24px;}"},f={name:"wphy4j",styles:"margin:14px 0 0;padding:0 32px;max-width:860px;font-family:'DM Sans','Helvetica',sans-serif;font-size:14px;line-height:23px;font-weight:400;color:#495057;text-align:center;margin-left:auto;margin-right:auto;@media (max-width: 768px){padding:0 32px;}"},u={name:"1wi5vug",styles:"margin-top:22px;background:#ffffff;border:1px solid #ced4da;border-radius:18px;overflow:hidden;.sigCanvas{width:100%;height:212px!important;}@media (max-width: 768px){.sigCanvas{height:180px!important;}}"},b={name:"bs5j42",styles:"background:#ffffff"},v={name:"6d82w4",styles:"display:flex;gap:16px;margin-top:22px;@media (max-width: 768px){flex-direction:column;}"},y={name:"vvdjsu",styles:"flex:1;height:56px;min-height:56px;border-radius:18px;font-family:'Inter','Helvetica',sans-serif;font-size:14px;line-height:20px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase"},C=(0,s.AH)(y,";border:1.6px solid #ff7a45;background:#ffffff;color:#ff7a45;box-shadow:0 4px 6px -4px rgba(76, 175, 80, 0.2),0 10px 15px -3px rgba(76, 175, 80, 0.2);",""),A={name:"15s2dem",styles:"margin-top:10px;min-height:23px;font-family:'DM Sans','Helvetica',sans-serif;font-size:13px;line-height:20px;text-align:center"};var w={name:"vgvwqc",styles:"color:rgba(0, 0, 0, 0.50)"};class z extends i.Component{constructor(e){super(e),this.handleNavigation=e=>{const{y:t,signature:a}=this.state,i=e.currentTarget;t>i.scrollY||t<i.scrollY&&t>=600&&""!==a&&this.handleClearCanvas(),this.setState({y:i.scrollY})},this.handleClearCanvas=()=>{this.sigPad.current.clear(),this.setState({signature:""}),this.props.onChange({value:""}),setTimeout(()=>{this.setState({msj_lienzo:"",color:"color:#61ce70;"})},4e3)},this.msjCall=()=>{this.setState({msj_lienzo:this.props.msjLienzo}),setTimeout(()=>{this.setState({msj_lienzo:""})},4e3)},this.handleCanvas=()=>{this.sigPad.current.getSignaturePad()._data.map(e=>{if(e.length>12){const e=this.sigPad.current.getCanvas().toDataURL("image/png",1);this.setState({signature:e}),this.props.onChange({value:e})}else this.msjCall()})},this.state={signature:"",validated:!1,msj_lienzo:"",color:"color:#61ce70;"},this.sigPad=i.createRef()}componentDidMount(){window.addEventListener("scroll",e=>this.handleNavigation(e))}render(){const{boxTitle:e="Escribe tu firma aquí:",boxAction:t="BORRAR",modernTitle:a="Firma igual que en tu identificación.",modernLayout:i=!1,helperText:l="Usa el recuadro blanco para realizar tu firma.",retryText:p="Reintentar firma",primaryActionText:z="",primaryActionDisabled:Y=!1,onPrimaryAction:_}=this.props;return i?(0,s.Y)("div",{css:g},(0,s.Y)("h3",{css:m},a),(0,s.Y)("p",{css:f},l),(0,s.Y)("div",{css:u},(0,s.Y)("div",{css:b},(0,s.Y)(d(),{id:"tu-historial-signature-canvas",penColor:"#1e293b",canvasProps:{className:"sigCanvas"},ref:this.sigPad,onEnd:this.handleCanvas,dotSize:1}))),(0,s.Y)("div",{css:v},(0,s.Y)(n.A,{id:"tu-historial-BorrarCanvas-button",type:"button",css:C,onClick:this.handleClearCanvas},p),(0,s.Y)(n.A,{type:"button",css:(j=Y,(0,s.AH)(y,";border:0;background:",j?"#e5e5e5":"#ff7a45",";color:",j?"#b8b8b8":"#ffffff",";cursor:",j?"not-allowed":"pointer",";box-shadow:",j?"none":"0 4px 6px -4px rgba(76, 175, 80, 0.2), 0 10px 15px -3px rgba(76, 175, 80, 0.2)",";","")),onClick:_,disabled:Y},z)),(0,s.Y)("div",{css:[A,(0,s.AH)(this.state.color,";",""),"",""]},this.state.msj_lienzo)):(0,s.Y)(r.A,{css:c},(0,s.Y)(r.A,{textAlign:"center",fontWeight:600},e),(0,s.Y)("div",{css:x},(0,s.Y)(d(),{id:"tu-historial-signature-canvas",penColor:"black",canvasProps:{className:"sigCanvas"},ref:this.sigPad,onEnd:this.handleCanvas,dotSize:1})),(0,s.Y)(r.A,{display:"flex",textAlign:"center",justifyContent:"center",alignItems:"center",css:w,onClick:this.handleClearCanvas},(0,s.Y)(o.A,{id:"tu-historial-BorrarCanvas-button",textalign:"center",onClick:this.handleClearCanvas,css:h}),t),(0,s.Y)(r.A,{display:"flex",textAlign:"center",justifyContent:"center",alignItems:"center",css:(0,s.AH)(this.state.color,";","")},this.state.msj_lienzo));var j}}z.defaultProps={boxTitle:"Escribe tu firma aquí:",boxAction:"Borrar",msjLienzo:"El trazo de la firma es muy corto",modernTitle:"Firma igual que en tu identificación.",modernLayout:!1,helperText:"Usa el recuadro blanco para realizar tu firma.",retryText:"Reintentar firma",primaryActionText:"",primaryActionDisabled:!1,onPrimaryAction:()=>{}},t.A=(0,p.um)(z,"VDPNSignature")}}]);
2//# sourceMappingURL=f5cd9f9d-ac2527392873d6f08f5d.js.map