https://gocardless.com/content-platform/f7d21a29-cb5b71d576430798f5a6.js

1"use strict";(self.webpackChunk_gocardless_content_platform=self.webpackChunk_gocardless_content_platform||[]).push([[2357],{48998:function(e,n,a){a.d(n,{l:function(){return y}});var r=a(17437),t=a(29693),l=a(96540),c=a(72123),i=a(49045),s=a(48001),o=a(30878),u=a(28264),d=a(96313),h=a(49006),p=a(57663),m=a(59058),g=a(23836),Y=a(99272),v=a(95925),f=a(37646),b=a(2445);var k={name:"1ga31eg",styles:"width:18px;height:auto"},D={name:"1vg3qi6",styles:"&::-webkit-inner-spin-button{appearance:none;}"},z={name:"1vg3qi6",styles:"&::-webkit-inner-spin-button{appearance:none;}"};const y=()=>{const{theme:e}=(0,c.DPo)(),{locale:n}=(0,g.B2)(),a=(0,l.useRef)(null),y=(0,l.useRef)(null),F=(0,l.useRef)(null),{numberTransactions:S,setNumberTransactions:_,averageAmount:x,setAverageAmount:w,selectedPlan:A,setSelectedPlan:P,currencySymbol:C,hasLeftCurrencySymbol:J}=(0,d.q)(),E=m.D.get((0,p.f)(n)),N=(0,i.A)(`(min-width: ${e.tokens.breakpoints[c.EA.Sm]})`),W=(0,o.l)(),{values:$}=(0,h.Y)(null!=S?S:0,null!=x?x:0,null!=A?A:s.W.Standard,!0,s.v.Dialog),B=(0,f.$)(e);return(0,b.Y)(c.azJ,{children:(0,b.Y)(c.azJ,{spaceBelow:2,children:(0,b.FD)(c.SFt,{templateColumns:["1fr",null,null,"360px 370px"],columnGap:6,children:[(0,b.FD)(c.azJ,{children:[(0,b.Y)("img",{src:"https://images.ctfassets.net/40w0m41bmydz/1kcdgGkH13WZKgDvKRTqP4/62ed4d5e073d67fd763afa66dbb04f87/calculator.svg",alt:"",css:k}),(0,b.Y)(c.H3,{id:"fee-calculator",size:c.V67.Size_06,children:(0,b.Y)(t.x6,{id:"transaction-calculator.calculate-your-fees"})}),(0,b.Y)(c.P,{preset:c.k03.Body_01,spaceBelow:2,spaceAbove:.25,children:(0,b.Y)(t.x6,{id:"transaction-calculator.what-is-the-monthly-cost"})}),(0,b.FD)(c.WeD,{node:(0,b.Y)(c.$xS,{layout:"inline",h:1}),children:[(0,b.FD)(c.D0$,{children:[(0,b.Y)(c.JU7,{htmlFor:"transactions",children:(0,b.Y)(c.EYj,{size:c.V67.Size_02,children:(0,b.Y)(t.x6,{id:"transaction-calculator.number-of-transactions"})})}),(0,b.Y)(c.pde,{id:"transactions",type:"number",min:0,inputMode:"numeric",pattern:"[0-9]*",placeholder:"--",ref:a,value:S||"--",onChange:()=>{if(!a.current)return;if(Number.isNaN(a.current.value))return;const e=Number.parseFloat(a.current.value);_(e)},css:D,autoFocus:N&&!0})]}),(0,b.FD)(c.D0$,{children:[(0,b.Y)(c.JU7,{htmlFor:"amount",children:(0,b.Y)(c.EYj,{size:c.V67.Size_02,children:(0,b.Y)(t.x6,{id:"transaction-calculator.average-transaction-amount"})})}),(0,b.Y)(c.pde,{id:"amount",type:"number",min:0,inputMode:"numeric",pattern:"[0-9]*",placeholder:"--",ref:y,value:x||"--",onChange:()=>{if(!y.current)return;if(Number.isNaN(y.current.value))return;const e=Number.parseFloat(y.current.value);w(e)},css:z,...J?{leftAccessory:(0,b.Y)(c.azJ,{css:(0,r.AH)({marginLeft:e.spacing(1)},"","","",""),children:C})}:{rightAccessory:(0,b.Y)(c.azJ,{css:(0,r.AH)({marginRight:e.spacing(1)},"","","",""),children:C})}})]}),(0,b.FD)(c.D0$,{children:[(0,b.Y)(c.JU7,{htmlFor:"plan",children:(0,b.Y)(c.EYj,{size:c.V67.Size_02,children:(0,b.Y)(t.x6,{id:"transaction-calculator.plan"})})}),(0,b.FD)(c.l6P,{name:"plan",id:"plan",ref:F,value:A,onChange:()=>{if(!F.current)return;const e=F.current.value;P(e),W.trackEvent(u.Tk.CalculatorPlanSelected,{scope:s.v.Dialog,type:e})},children:[(0,b.Y)(c.c$x,{value:s.W.Standard,children:"Standard"}),(0,b.Y)(c.c$x,{value:s.W.Advanced,children:"Advanced"}),(null==E?void 0:E.Pro)&&(0,b.Y)(c.c$x,{value:s.W.Pro,children:"Pro"})]})]})]})]}),(0,b.FD)(c.azJ,{children:[(0,b.Y)(v.j,{values:$,styles:B,selectedPlan:A||s.W.Standard}),(0,b.Y)(Y.I,{values:$}),(0,b.FD)(c.azJ,{spaceAbove:1.5,children:[(0,b.FD)(c.P,{size:c.V67.Size_01,color:c.HEW.IconOnLight_04,spaceBelow:.75,children:[(0,b.Y)(t.x6,{id:"transaction-calculator.estimated-cost-disclaimer"})," ",(0,b.Y)(c.pJB,{href:"https://gocardless.com/legal/legal-pricing-page",target:"_blank",onClick:()=>{W.trackEvent(u.Tk.CalculatorFeeBreakdownClicked,{scope:s.v.Dialog})},children:(0,b.Y)(c.EYj,{decoration:"underline",color:c.Q1f.Greystone_1400,children:(0,b.Y)(t.x6,{id:"transaction-calculator.fee-breakdown"})})}),"."]}),(0,b.FD)(c.P,{size:c.V67.Size_01,color:c.HEW.IconOnLight_04,children:[(0,b.Y)(t.x6,{id:"transaction-calculator.cost-saving-market-research"})," ",(0,b.Y)(t.x6,{id:"transaction-calculator.time-saving-market-research"})]})]})]})]})})})}}}]);