https://cdn3-static.finanztip.de/a0010/ft-ui-calculators/0.51.0/@f…-ui-calculators_paypal-calculator_0.51.0.js

1"use strict";(self.webpackChunk_finanztip_ft_ui_calculators=self.webpackChunk_finanztip_ft_ui_calculators||[]).push([[27],{416:(e,t,r)=>{r.r(t),r.d(t,{PaypalCalculator:()=>m,default:()=>d});var n=r(4577),a=r(9163),l=r(2476),o=r(1355),i=r(6374);function c(e2,t2){return(function(e3){if(Array.isArray(e3))return e3})(e2)||(function(e3,t3){var r2=e3==null?null:typeof Symbol!="undefined"&&e3[Symbol.iterator]||e3["@@iterator"];if(r2!=null){var n2,a2,l2,o2,i2=[],c2=!0,u2=!1;try{if(l2=(r2=r2.call(e3)).next,t3===0){if(Object(r2)!==r2)return;c2=!1}else for(;!(c2=(n2=l2.call(r2)).done)&&(i2.push(n2.value),i2.length!==t3);c2=!0);}catch(e4){u2=!0,a2=e4}finally{try{if(!c2&&r2.return!=null&&(o2=r2.return(),Object(o2)!==o2))return}finally{if(u2)throw a2}}return i2}})(e2,t2)||(function(e3,t3){if(e3){if(typeof e3=="string")return u(e3,t3);var r2={}.toString.call(e3).slice(8,-1);return r2==="Object"&&e3.constructor&&(r2=e3.constructor.name),r2==="Map"||r2==="Set"?Array.from(e3):r2==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2)?u(e3,t3):void 0}})(e2,t2)||(function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
2In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)})()}function u(e2,t2){(t2==null||t2>e2.length)&&(t2=e2.length);for(var r2=0,n2=Array(t2);r2<t2;r2++)n2[r2]=e2[r2];return n2}var s={"service-product":"2,49 % + 35 Cent","friends-family":"0 % + 0 Cent",donation:"2,49 % + 35 Cent",micropayment:"4,99 % + 9 Cent"},f=function(e2){return"".concat((0,l.vD)(e2,!0)," €")},m=function(e2){var t2=e2.errorMessage,r2=t2===void 0?"Bitte fülle dieses Feld aus.":t2,u2=e2.buttonLabel,m2=e2.paymentMethods,d2=c(n.useState(""),2),v=d2[0],p=d2[1],y=c(n.useState(""),2),b=y[0],h=y[1],g=c(n.useState({}),2),E=g[0],w=g[1],A=c(n.useState(null),2),N=A[0],x=A[1],S=b?s[b]:"";return n.createElement("div",{className:"ft-calculator ft-calculator--paypal font-inter text-slate"},n.createElement("form",{className:"ft-calculator__form space-y-10",onSubmit:function(e3){e3.preventDefault();var t3={};v.trim()||(t3.price=r2),b||(t3.method=r2);var n2=(0,l.vM)(v);if(!t3.price&&Number.isNaN(n2)&&(t3.price=r2),w(t3),t3.price||t3.method)x(null);else{var a2=(function(e4,t4){switch(t4){case"service-product":case"donation":return .0249*e4+.35;case"micropayment":return .0499*e4+.09;default:return 0}})(n2,b);x({fee:a2,balance:n2-a2})}},noValidate:!0},n.createElement(a.wi,{label:"Kaufpreis",className:"number-input-price",placeholder:"Kaufpreis",labelInside:"€",value:v,onChange:function(e3){return p(e3.target.value)},error:E.price,showError:!!E.price,inputMode:"decimal",pattern:"[0-9,.]*"}),n.createElement(a.Ae,{label:"Zahlungsart",className:"payment-method",options:m2,placeholder:"Bitte Zahlungsart wählen",value:b,onChange:function(e3){return h(e3.target.value)},error:E.method,showError:!!E.method}),n.createElement("div",{className:"text-base text-slate"},n.createElement("span",{className:"font-semibold"},"Gebührensatz"),n.createElement("span",{className:"fee-rate"},S)),n.createElement("div",{className:"flex items-center"},n.createElement("hr",{className:"w-full mr-10"}),n.createElement(a.$n,{type:"submit"},u2),n.createElement("hr",{className:"w-full ml-10"}))),n.createElement(o.A,{headline:"Dein Ergebnis",visible:!!N,scrollTrigger:N},N?n.createElement("div",{className:"space-y-4"},n.createElement(i.A,{label:"Gebühren",value:f(N.fee)}),n.createElement(i.A,{label:"Restbetrag",value:f(N.balance)})):null))};const d=m},1355:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(4577),a=r(2476),l=r(4143);const o=function(e2){var t2=e2.headline,r2=e2.visible,o2=e2.scrollTrigger,i=e2.children,c=e2.className,u=n.useRef(null);return n.useEffect((function(){r2&&(0,l.G)(u.current)}),[r2,o2]),n.createElement("section",{ref:u,className:(0,a.cn)("mt-8 md:mt-10 bg-white transition-all duration-300 overflow-hidden duration-300 ease-in-out bg-slate-50 max-h-0",r2?"opacity-100":"opacity-0")},n.createElement("h4",{className:"text-2xl leading-title font-bold font-inter-bold text-slate mb-6"},t2),n.createElement("div",{className:(0,a.cn)("flex flex-col gap-2",c)},i))}},3707:(e,t,r)=>{r.d(t,{m:()=>h,A:()=>g});var n=r(4577),a=r(200),l=r(2476),o=r(7372),i=r(1771),c=r(369);function u(e2,t2){return(function(e3){if(Array.isArray(e3))return e3})(e2)||(function(e3,t3){var r2=e3==null?null:typeof Symbol!="undefined"&&e3[Symbol.iterator]||e3["@@iterator"];if(r2!=null){var n2,a2,l2,o2,i2=[],c2=!0,u2=!1;try{if(l2=(r2=r2.call(e3)).next,t3===0){if(Object(r2)!==r2)return;c2=!1}else for(;!(c2=(n2=l2.call(r2)).done)&&(i2.push(n2.value),i2.length!==t3);c2=!0);}catch(e4){u2=!0,a2=e4}

2finally{try{if(!c2&&r2.return!=null&&(o2=r2.return(),Object(o2)!==o2))return}finally{if(u2)throw a2}}return i2}})(e2,t2)||(function(e3,t3){if(e3){if(typeof e3=="string")return s(e3,t3);var r2={}.toString.call(e3).slice(8,-1);return r2==="Object"&&e3.constructor&&(r2=e3.constructor.name),r2==="Map"||r2==="Set"?Array.from(e3):r2==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2)?s(e3,t3):void 0}})(e2,t2)||(function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
3In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)})()}function s(e2,t2){(t2==null||t2>e2.length)&&(t2=e2.length);for(var r2=0,n2=Array(t2);r2<t2;r2++)n2[r2]=e2[r2];return n2}var f=function(){return typeof window!="undefined"&&(0,l.Fr)(!1)},m=r(5920);function d(e2,t2){return(function(e3){if(Array.isArray(e3))return e3})(e2)||(function(e3,t3){var r2=e3==null?null:typeof Symbol!="undefined"&&e3[Symbol.iterator]||e3["@@iterator"];if(r2!=null){var n2,a2,l2,o2,i2=[],c2=!0,u2=!1;try{if(l2=(r2=r2.call(e3)).next,t3===0){if(Object(r2)!==r2)return;c2=!1}else for(;!(c2=(n2=l2.call(r2)).done)&&(i2.push(n2.value),i2.length!==t3);c2=!0);}catch(e4){u2=!0,a2=e4}finally{try{if(!c2&&r2.return!=null&&(o2=r2.return(),Object(o2)!==o2))return}finally{if(u2)throw a2}}return i2}})(e2,t2)||(function(e3,t3){if(e3){if(typeof e3=="string")return v(e3,t3);var r2={}.toString.call(e3).slice(8,-1);return r2==="Object"&&e3.constructor&&(r2=e3.constructor.name),r2==="Map"||r2==="Set"?Array.from(e3):r2==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2)?v(e3,t3):void 0}})(e2,t2)||(function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
4In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)})()}function v(e2,t2){(t2==null||t2>e2.length)&&(t2=e2.length);for(var r2=0,n2=Array(t2);r2<t2;r2++)n2[r2]=e2[r2];return n2}const p=function(e2){var t2=e2.active,r2=e2.onClose,a2=e2.children,l2=d(n.useState(!1),2),o2=l2[0],i2=l2[1];return n.useEffect((function(){i2(!0)}),[]),o2&&typeof document!="undefined"?(0,m.createPortal)(n.createElement(c.l,{active:t2,onCloseOverlay:r2,modalName:"tooltip-modal",modalClassName:"tooltip-modal pb-10 text-sm font-normal"},a2),document.body):null};function y(e2,t2){return(function(e3){if(Array.isArray(e3))return e3})(e2)||(function(e3,t3){var r2=e3==null?null:typeof Symbol!="undefined"&&e3[Symbol.iterator]||e3["@@iterator"];if(r2!=null){var n2,a2,l2,o2,i2=[],c2=!0,u2=!1;try{if(l2=(r2=r2.call(e3)).next,t3===0){if(Object(r2)!==r2)return;c2=!1}else for(;!(c2=(n2=l2.call(r2)).done)&&(i2.push(n2.value),i2.length!==t3);c2=!0);}catch(e4){u2=!0,a2=e4}finally{try{if(!c2&&r2.return!=null&&(o2=r2.return(),Object(o2)!==o2))return}finally{if(u2)throw a2}}return i2}})(e2,t2)||(function(e3,t3){if(e3){if(typeof e3=="string")return b(e3,t3);var r2={}.toString.call(e3).slice(8,-1);return r2==="Object"&&e3.constructor&&(r2=e3.constructor.name),r2==="Map"||r2==="Set"?Array.from(e3):r2==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r2)?b(e3,t3):void 0}})(e2,t2)||(function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
5In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)})()}function b(e2,t2){(t2==null||t2>e2.length)&&(t2=e2.length);for(var r2=0,n2=Array(t2);r2<t2;r2++)n2[r2]=e2[r2];return n2}var h=function(e2){var t2=e2.tooltip,r2=e2.tooltipTitle,s2=e2.tooltipIconSize,m2=s2===void 0?"s":s2,d2=e2.className,v2=e2.tooltipIcon,b2=v2===void 0?a.ML:v2,h2=e2.labelContent,g2=e2.wrapperClassName,E=e2.useMobileDialogPortal,w=E!==void 0&&E,A=y(n.useState(!1),2),N=A[0],x=A[1],S=(function(){var e3=u(n.useState(f),2),t3=e3[0],r3=e3[1];return n.useEffect((function(){if(typeof window!="undefined"){var e4=function(){r3(f())};return e4(),window.addEventListener("resize",e4),function(){window.removeEventListener("resize",e4)}}}),[]),t3})();if(n.useEffect((function(){t2&&!S&&(0,o.Ay)()}),[t2,r2,m2,S]),!t2)return null;var C=r2?'<h4 class="margin-bottom-s">'.concat(r2,"</h4>"):"",j="";if(!S&&t2){var O=typeof t2=="string"?t2:(0,i.qV)(n.createElement(n.Fragment,null,t2));j="".concat(C).concat(O)}return n.createElement(n.Fragment,null,S?n.createElement(n.Fragment,null,n.createElement("div",{className:g2,onClick:function(){return x(!0)}}

5,h2&&h2,n.createElement(b2,{size:m2,className:(0,l.cn)("text-indigo cursor-pointer",d2),"aria-label":"Tooltip"})),w?n.createElement(p,{active:N,onClose:function(){return x(!1)}},t2):n.createElement(c.l,{active:N,onCloseOverlay:function(){return x(!1)},modalName:"tooltip-modal",modalClassName:"tooltip-modal pb-10 text-sm font-normal"},t2)):n.createElement("div",{className:(0,l.cn)("flex",g2),"data-tooltip-text":j},h2&&h2,n.createElement(b2,{size:m2,className:(0,l.cn)("ft-tooltip text-indigo cursor-pointer",d2),"aria-label":"Tooltip"})))};const g=h},4143:(e,t,r)=>{r.d(t,{G:()=>a});var n=r(2476),a=function(e2){var t2=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0;if(e2){var r2=function(){e2.style.maxHeight="".concat(e2.scrollHeight,"px")};e2.classList.add("visible"),e2.style.overflow="hidden",r2();var a2=typeof ResizeObserver=="undefined"?null:new ResizeObserver((function(){r2()}));a2==null||a2.observe(e2),setTimeout((function(){r2(),e2.style.overflow="visible",e2.style.maxHeight="none",a2==null||a2.disconnect()}),300),(0,n.PA)(e2,t2)}}},6374:(e,t,r)=>{r.d(t,{A:()=>o});var n=r(4577),a=r(2476),l=r(3707);const o=function(e2){var t2=e2.label,r2=e2.tooltip,o2=e2.value;return n.createElement("div",{className:"flex flex-wrap justify-between gap-3 sm:items-center text-lg font-inter"},n.createElement("div",{className:"flex items-center gap-2 text-slate"},n.createElement("span",null,t2),r2?n.createElement(l.m,{tooltip:r2}):null),n.createElement("div",{className:(0,a.cn)("font-bold sm:ml-auto sm:text-right")},o2))}}}]);