https://build.cargo.site/u/49da0e/static/chunks/chunk-2H3CHMAF.js

1import{b as g}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-VSNCXSJV.js";import{a as P,b as y}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-JA3T3RZ4.js";import{b as u}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-AOUWB5JZ.js";import{c as m}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-23MZWBA7.js";import{c as f}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-CWKLYM5A.js";import{e as M}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-UJ4WGHKM.js";import{h as p,i as v,j as F}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-HCDFCMWC.js";import{e as d}from"https://build.cargo.site/u/49da0e/static/chunks/chunk-QK2OWAVC.js";p();var o=d(v());var C=d(P());var b=d(M());var t=d(F()),h=class extends o.Component{constructor(i){super(i),this.cardNumberFieldRef=o.default.createRef(),this.cardCVCFieldRef=o.default.createRef(),this.cardExpiryFieldRef=o.default.createRef(),this.cardZipFieldRef=o.default.createRef(),this.braintreeClientPromise=y(this.props.userId),this.state={name:"creditcard",error:null,processingTransaction:!1,getPaymentMethod:this.getPaymentMethod}}getPaymentMethod=i=>{let e;this.hostedFields?(this.setState({processingTransaction:!0}),e=new Promise((r,s)=>{this.hostedFields.tokenize((a,c)=>{if(this.validateFields(),a){s(a);return}this.props.createPaymentMethodAction(c).then(({data:l})=>{r(l),this.props.clearFieldsAfterPaymentMethodCreation===!0&&this.clearFields()}).catch(l=>{this.onError(l),s("Unable to save card."),u("caught createPaymentMethodAction",{extra:l})})})}),e.finally(()=>{this.setState({processingTransaction:!1})})):e=Promise.reject("No valid Credit Card form found."),this.props.onPaymentMethodCreationStart?.(e)};componentDidMount(){this.braintreeClientPromise.then(i=>{if(this.unmounted)return;let e=this.props.darkMode?"rgba(255,255,255,.85)":"rgba(0,0,0,.85)",r=this.props.darkMode?"#888":"#999";C.default.hostedFields.create({styles:{input:{color:e,"line-height":"1.6","font-family":'-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif',"font-smoothing":"antialiased","-webkit-font-smoothing":"antialiased","text-rendering":"optimizeLegibility","font-size":"14.5px","letter-spacing":"0",padding:"0 12px"},"input.error":{color:"#ff0000"},"input.error::-webkit-input-placeholder":{color:"#ff0000"},"::-webkit-input-placeholder":{color:r},"input:-webkit-autofill, input:-webkit-autofill:focus":{"-webkit-box-shadow":"0 0 0px 1000px #fff inset"}},fields:{number:{container:this.cardNumberFieldRef.current,placeholder:"Card Number...",maxCardLength:16},cvv:{container:this.cardCVCFieldRef.current,placeholder:"CVC..."},expirationDate:{container:this.cardExpiryFieldRef.current,placeholder:"MM / YY..."},postalCode:{container:this.cardZipFieldRef.current,placeholder:"Zip..."}},client:i}).then(s=>{if(this.unmounted){s.teardown();return}this.hostedFields=s,this._onValidityChange=a=>{a.fields[a.emittedBy].isPotentiallyValid&&this.hostedFields.removeClass(a.emittedBy,"error")},this.hostedFields.on("validityChange",this._onValidityChange)}).catch(this.onError)}).catch(this.onError)}clearFields=()=>{this.hostedFields&&(this.hostedFields.clear("number"),this.hostedFields.clear("cvv"),this.hostedFields.clear("expirationDate"),this.hostedFields.clear("postalCode"))};onError=(i,e)=>{if(console.log("error",i),!this.hostedFields||typeof this.hostedFields.addClass!="function"){this.setState({error:e||"Something went wrong..."});return}["number","cvv","expirationDate","postalCode"].forEach(r=>{try{this.hostedFields.getState().fields[r]&&this.hostedFields.addClass(r,"error")}catch{}}),this.setState({error:e||"Something went wrong..."})};componentWillUnmount(){this.unmounted=!0,this.hostedFields&&(this.hostedFields.off("validityChange",this._onValidityChange),this.hostedFields.teardown())}validateFields=()=>{if(this.hostedFields){let i=this.hostedFields.getState();b.default.each(i.fields,(e,r)=>{e.isEmpty||e.isValid===!1?this.hostedFields.addClass(r,"error"):this.hostedFields.removeClass(r,"error")})}};render(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"creditcard-form ui-group",children:[(0,t.jsx)("div",{className:"card-number input-frame",ref:this.cardNumberFieldRef}),(0,t.jsxs)("div",{className:"radio-button-group",children:[(0,t.jsx)("div",{className:"card-cvc input-frame",ref:this.cardCVCFieldRef}),(0,t.jsx)("div",{className:"card-expiry input-frame",ref:this.cardExpiryFieldRef}),(0,t.jsx)("div",{className:"card-zip input-frame",ref:this.cardZipFieldRef})]}

1),(0,t.jsx)("div",{className:"uiWindow-spacer"})]}),typeof this.props.renderButton=="function"?this.props.renderButton(this.state):null]})}};function x(n,i){return{darkMode:n.subscriptionManagerState.darkMode,userId:n.subscriptionManagerState.userId}}function R(n){return m({createPaymentMethodAction:g.createPaymentMethod},n)}var T=f(x,R)(h);export{T as a};