import{w as s,o as a,j as n}from"./index-v0a5IAKM.js";import{D as r}from"./DonationFooter-DPl8D4hj.js";import{r as i}from"./vendor-animations-CsoOZIH8.js";import{I as l}from"./inputmask-Cr-e3LsO.js";import{T as u}from"./TextInput-CfeeoBmc.js";const p="payment-donation-footer",m=t=>{const e=t.buttonText||t.t("sendDonation:from:supportButtonText");return n.jsx("div",{className:p,children:n.jsx(r,{buttonText:e,onClick:()=>{var o;return(o=t.onClick)==null?void 0:o.call(t)},isDisabled:t.isDisabled,isLoading:t.isLoading})})},D=s()(a(m));function c(){return new l({alias:"decimal",showMaskOnHover:!1,clearMaskOnLostFocus:!0,digits:2,radixPoint:".",digitsOptional:!0,allowMinus:!1,autoUnmask:!0,rightAlign:!1,max:999999.99,groupSeparator:" ",insertMode:!0,showMaskOnFocus:!1,clearIncomplete:!1,nullable:!1})}class M extends i.Component{constructor(e){super(e),this.inputRef=e.inputRef?e.inputRef:i.createRef()}componentDidMount(){this.initMask()}componentDidUpdate(e){e.placeholder!==this.props.placeholder&&this.initMask()}render(){return n.jsx(u,{inputRef:this.inputRef,title:this.props.title,name:this.props.name,placeholder:this.props.placeholder,value:this.props.value,onChange:e=>this.props.setValue(e),errorText:this.props.errorText,hintText:this.props.hintText,isDisabled:this.props.isDisabled,iconPosition:"left",inputMode:"decimal",type:"tel"})}initMask(){this.inputRef.current&&c().mask(this.inputRef.current)}}export{M as D,D as P};